已采纳回答 / cssduoduo
其实我懂得也不多。首先头和尾(right)宽要求自适应，还有你不用每个都加上居中，只要给他们的父级body加就行，他要求右侧先加载，个人觉得right代码应该放在前面
2016-07-08
.top{width:100%;height:100px;background:#ccc;}
.main{height:400px;background:red;}
.left{position:absolute;left:0;top:100px;width:200px;height:400px;background:blue;}
.right{margin-left:210px;height:400px;background:#3dc;}
.foot{width:100%;height:50px;background:orange;}
.main{height:400px;background:red;}
.left{position:absolute;left:0;top:100px;width:200px;height:400px;background:blue;}
.right{margin-left:210px;height:400px;background:#3dc;}
.foot{width:100%;height:50px;background:orange;}
z这里的代码我觉得footer div用margin600px 0 0 0 比较适合。height用main上head也会应用，虽然会被后面的覆盖，看着就不爽。
成功运行的部分代码如下：
div{text-align:lfet;}
.left{width:200px;height:500px;background-color:blue;float:left;}
.right{margin-left:201px;height:500px;background-color:#396;}
.foot{height:50px;background-color:#0hh;clear:both;}
<div class="left">left</div>
<div class="right">right</div>
div{text-align:lfet;}
.left{width:200px;height:500px;background-color:blue;float:left;}
.right{margin-left:201px;height:500px;background-color:#396;}
.foot{height:50px;background-color:#0hh;clear:both;}
<div class="left">left</div>
<div class="right">right</div>
已采纳回答 / 雾隐风华
.main{height:500px;margin:0 auto;background:pink;top:0;} 这个里面的margin不能这么写，你可以直接给mian写一个宽度，加一个float:left； 你在；两个浮动之间写margin没用,可以试试这样.main{height:500px; width:500px; float: left;background:pink;top:0;}
2016-07-06