为何主体没有包含左、右标签……？
<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清除浮动）
最主要的问题是主体并未包含左右标签的大小（即并未像视频中所显示的那样是一个整体的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中后也还是没有包含
