.top{width:800px;height:100px;margin:0 auto;background:gray;}
.main{width:800px;height:900px;background:red;margin:0 auto;}
.left{ width:200px;height:900px;background:blue;float:left;}
.right{width:590px;height:900px;background:green;float:right;}
.foot{width:800px;height:60px;margin:0 auto;}
.main{width:800px;height:900px;background:red;margin:0 auto;}
.left{ width:200px;height:900px;background:blue;float:left;}
.right{width:590px;height:900px;background:green;float:right;}
.foot{width:800px;height:60px;margin:0 auto;}
.top{ height:100px; background-color:grey;}
.main{ height:600px; background:red;}
.left{ height:600px; width:200px; background:blue; position:absolute;left:0px;}
.right{ height:600px; background:lightgreen; position:absolute;right:0;left:210px;}
.foot{ height:50px; background:orange;}
.main{ height:600px; background:red;}
.left{ height:600px; width:200px; background:blue; position:absolute;left:0px;}
.right{ height:600px; background:lightgreen; position:absolute;right:0;left:210px;}
.foot{ height:50px; background:orange;}
最新回答 / 邓楼平
有人已经回答了，因为英文没有空格所以不会自动换行。虽然问题解决了不过还是很不安。。。感觉中间这个div的宽度其实并没有那么容易就设置成这么大。或许会有其他折衷的办法比如嵌套一个标签。。。。
2016-05-04
已采纳回答 / 啊不
绝对定位的块其实是浮起来的吧，相当于没有占实际的位置，所以它的下一行left的div还是排在top的下一行也就是视觉上right所在的行（你把left的width变大，就能看到它被right遮住了，也能说明right是浮起来的）。然后left的块没有设置浮动单占一行，所以下面的footer就排到下一行了，我是这么理解的，，不知道说清楚没。。
2016-05-04
