overflow的hidden

為什么mainbody設置overflow的hidden之后，就可以顯示出來啊？

qq_白首思安_0

2016-03-20

源自：網頁布局基礎 3-5

關注問題我要回答

134

操作

收起

2 回答

Acelit
2016-03-21

你雖然設置了width:100%;但是mainbody的高度沒有設置，完全是自適應的，子級塊元素設置float后更能會撐破mainbody，導致mainbody無法正常顯示，使用overflow:hidden;相當于一把剪刀，將包含子級塊元素之外的部分剪裁掉，使mainbody的高度取到子元素高度的最大值。

補充一句：如果你提前就設置了mainbody的高度，就不會出現子級塊元素帶來的影響了。但是，一般不會這樣做，因為mainbody里面的內容不知道有多少，還是自適應比較合適。