.top{width:800px;height:100px;background:#ccc;}
.main{width:800px;height:600px;background:red;}
.left{width:200px;height:600px;background:blue;float:left;}
.right{width:590px;height:600px;background:#9c9;float:right;}
.foot{width:800px;height:50px;background:#f63;clear:both;}
.main{width:800px;height:600px;background:red;}
.left{width:200px;height:600px;background:blue;float:left;}
.right{width:590px;height:600px;background:#9c9;float:right;}
.foot{width:800px;height:50px;background:#f63;clear:both;}
.top{height:100px;background:#ccc;}
.main{width:100%;background:red;}
.left{width:200px;height:600px;background:blue}
.right{margin-left:210px;position:absolute;height:600px;width:100%;background:#9c9;}
.foot{height:50px;background:#f63;}
left不能再设置绝对定位了,不然foot会跑上去,main的红色也会被盖住。
.main{width:100%;background:red;}
.left{width:200px;height:600px;background:blue}
.right{margin-left:210px;position:absolute;height:600px;width:100%;background:#9c9;}
.foot{height:50px;background:#f63;}
left不能再设置绝对定位了,不然foot会跑上去,main的红色也会被盖住。
body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{height:100px; background:#ccc}
.main{background:red;}
.left{ width:200px; height:500px; background:blue;float:left; }
.right{ margin-left:210px;height:500px; background:#9C9;}
.foot{ height:50px; background:#F63;}
.top{height:100px; background:#ccc}
.main{background:red;}
.left{ width:200px; height:500px; background:blue;float:left; }
.right{ margin-left:210px;height:500px; background:#9C9;}
.foot{ height:50px; background:#F63;}