已采纳回答 / anyu7ishi
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-...
2016-03-03
.main{width:80%;height:500px;background-color: red;position:relative;margin:0 auto;}.left{ width:200px;background-color:blue;height:500px;position:absolute;top:0;}.right{background-color:green;height:500px;margin-left:210px;} .foot{width:80%;background-color:orange;height: 50px;margin:0 auto;}这样好看一点
最新回答 / 如果我说温暖一直都在3253457
http://www.cnblogs.com/iyangyuan/archive/2013/03/27/2983813.html 看这篇你就理解了
2016-03-02
margin:0px 310px 0 210px；我这么设置结果main还是水平居于下方，在自己的编辑器里把margin-top:-600，才最后实现这样的效果。我看别人的答案都是margin:0px 310px 0 210px；我就是没办法实现那样的效果。
.top{background:#ccc;height: 100px;}
.main{background:red; position: relative;height: 400px;}
.left{background:blue; width:200px;height: 400px;position: absolute;left: 0;top: 0;}
.right{background:#9c9;height: 400px; margin-left:210px; }
.foot{background:#f63;height: 100px;}
.main{background:red; position: relative;height: 400px;}
.left{background:blue; width:200px;height: 400px;position: absolute;left: 0;top: 0;}
.right{background:#9c9;height: 400px; margin-left:210px; }
.foot{background:#f63;height: 100px;}
.top{height:100px; background:#ccc;}
.main{width:800px;height:400; margin:0px auto; background:red;position:relative;}
.left{width:200px; height:400px; background:blue; position:absolute; top:0px;}
.right{margin-left:210px;height:400px;background:green;}
.foot{height:50px;background:pink;}
.main{width:800px;height:400; margin:0px auto; background:red;position:relative;}
.left{width:200px; height:400px; background:blue; position:absolute; top:0px;}
.right{margin-left:210px;height:400px;background:green;}
.foot{height:50px;background:pink;}
这样也可以。。
.top{height:100px;background:#ccc;}
.main{height:500px;background:red;}
.left{width:200px;height:500px;background:blue;position:absolute;top:100px;left}
.right{width:100%;height:500px;position:absolute;top:100px;left:210px;background:#9c9;}
.foot{height:50px;background:#f63;}
.top{height:100px;background:#ccc;}
.main{height:500px;background:red;}
.left{width:200px;height:500px;background:blue;position:absolute;top:100px;left}
.right{width:100%;height:500px;position:absolute;top:100px;left:210px;background:#9c9;}
.foot{height:50px;background:#f63;}