*{margin:0; padding:0;}
#wrap{width:970px; margin:0 auto;】}
#mainbody{}
#left{width:110px; float:left;}
#mid{ float:left;margin-left:10px;width:650px;border:1px solid #999;margin-top:5px;}
#right{float:left;margin:5px;width:180px;border:1px solid #999;}
#wrap{width:970px; margin:0 auto;】}
#mainbody{}
#left{width:110px; float:left;}
#mid{ float:left;margin-left:10px;width:650px;border:1px solid #999;margin-top:5px;}
#right{float:left;margin:5px;width:180px;border:1px solid #999;}
2016-03-20
最赞回答 / Acelit
你虽然设置了width:100%;但是mainbody的高度没有设置,完全是自适应的,子级块元素设置float后更能会撑破mainbody,导致mainbody无法正常显示,使用overflow:hidden;相当于一把剪刀,将包含子级块元素之外的部分剪裁掉,使mainbody的高度取到子元素高度的最大值。补充一句:如果你提前就设置了mainbody的高度,就不会出现子级块元素带来的影响了。但是,一般不会这样做,因为mainbody里面的内容不知道有多少,还是自适应比较合适。
2016-03-20