.top{height:100px;background:#ccc;}
.main{height:600px;background:red;position:relative;}
.left{position:absolute;left:0;top:0;width:200px;height:600px;background:blue;}
.right{height:600px;margin-left:210px;background:green;}
.foot{height:50px;background:orange;}
.main{height:600px;background:red;position:relative;}
.left{position:absolute;left:0;top:0;width:200px;height:600px;background:blue;}
.right{height:600px;margin-left:210px;background:green;}
.foot{height:50px;background:orange;}
已采纳回答 / izero_
我实现了一下确实如你所说。我把left 和right 和main的top:0px;全都去掉了。left就不用解释啦，它本来就在第一行。main在第一行是为毛呢，因为left中有一句是position:absolute; 本来left是块状元素，display的属性是block（块状元素）如果元素中设置了position:absolute或者float:left/right，display就会隐性自动改变成inline-block（内联块状元素）内联块状元素就是可以和其他元素在同一行，如有不懂，可以看一下H...
2016-02-10
