*{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