.top{width:100%;height:50px;background-color:gray;}
.main{width:100%;height:450px;background-color: red; }
.left{margin-left:210px;height:450px;background-color: green;}
.right{width:200px;height:450px;background-color: blue;position:absolute;}
.foot{width:100%;height:50px;background-color: #c30;}
.main{width:100%;height:450px;background-color: red; }
.left{margin-left:210px;height:450px;background-color: green;}
.right{width:200px;height:450px;background-color: blue;position:absolute;}
.foot{width:100%;height:50px;background-color: #c30;}
一般对受浮动影响的元素进行设置, 对受浮动的元素设置宽度100%或者一个固定的宽度,再加上overflow:hidden。
.footer{width:100%; overflow:hidden}
.footer{width:100%; overflow:hidden}
这里我有个疑问, 中间main部分的margin-left和margin-right为什么不是10px, 而分别是"左侧宽度+10px"和"右侧宽度+10px"呢? 我想应该是因为: 左右两侧应用了"position: absolute"绝对定位, 脱离了文档流(进入了二次元平行空间 :o) ), 所以中间部分只能相对于body进行定位.