為何主體沒有包含左、右標簽……？
<style?type="text/css">
*{margin:0;padding:0;}
#wrap{width:90%;margin:0?auto;}
#header{background:#FF3300;width:100%;}
#mainbody{background:#FC0;width:100%;}
#footer{background:#eee;width:100%;overflow:hidden;}
.left{width:70%;background:#000;float:left;height:50px;}
.right{width:20px;background:#eef;float:right;height:130px;}
</style>
原先是將left與right的寬度均設置為百分值的，后來發現顯示排版為
left ?主體?右側（已對footer清除浮動）
最主要的問題是主體并未包含左右標簽的大?。床⑽聪褚曨l中所顯示的那樣是一個整體的mainbody），反而像是作為一個同級的標簽與左右一同排列？
#wrap{width:90%;margin:0?auto;}
#header{background:#FF3300;width:100%;}
#mainbody{background:#FC0;width:100%;margin-top:10px;overflow:hidden;}
#footer{background:#eee;width:100%;}
.left{width:70%;background:#000;float:left;}
.right{width:29%;background:#eef;float:right;}將overflow:hidden;添加在mainbody中后也還是沒有包含
2016-02-17
同時設置width:100%（或固定寬度）+overflow:hidden（清除浮動對父級元素的影響）
當父包含塊縮成一條時
你的overflow:hidden加在footer里面是沒用的，左右這兩個div是包含在mainbody這個div里
#mainbody{background:#FC0;width:100%;overflow:hidden;}
#footer{background:#eee;width:100%;}