overflow的hidden

为什么mainbody设置overflow的hidden之后，就可以显示出来啊？

qq_白首思安_0

2016-03-20

源自：网页布局基础 3-5

关注问题我要回答

128

操作

收起

2 回答

Acelit
2016-03-21

你虽然设置了width:100%;但是mainbody的高度没有设置，完全是自适应的，子级块元素设置float后更能会撑破mainbody，导致mainbody无法正常显示，使用overflow:hidden;相当于一把剪刀，将包含子级块元素之外的部分剪裁掉，使mainbody的高度取到子元素高度的最大值。

补充一句：如果你提前就设置了mainbody的高度，就不会出现子级块元素带来的影响了。但是，一般不会这样做，因为mainbody里面的内容不知道有多少，还是自适应比较合适。