errorbucket / error-bucket

One Bucket to rule them all
6 stars 0 forks source link

Fix: detail panel incorrect layout #76

Closed codinfox closed 9 years ago

codinfox commented 9 years ago

并不清楚具体坏掉的原因,我的猜测是: flexbox是会根据container的高度/宽度进行调整的,如果container没有明确指定高度/宽度,那么flex也是没有办法工作的。在我们的情景当中,由于detail panel的高度是隐式指定的(通过top:0, bottom:0指定),所以是没有具体高度的。所以当table的高度增加的时候,table所在的这个flex的div的高度会增加并挤压其他的flex的div。但是至于为什么我不太懂,也没找到文章支撑这个观点。但是当我把container的高度限定死(calc(100% - 40px)),就都好了。

fix #69

@amio

amio commented 9 years ago

:+1:

关于 flex 的规则这里有篇简明的小文: http://zh.learnlayout.com/flexbox.html 更详细可以看这里: http://bocoup.com/weblog/dive-into-flexbox/

flex 标准因为改过多次草案,所以看文档也要小心,很容易被旧文档给引入歧途