注意main的代码中margin:0 310 0 210 需在310以及210后加上px,变成margin:0 310px 0 210px才会产生10px的边框以及自适应文字不会覆盖掉文字
.top{width:100%;height:200px;background:#ccc;}
.main{width:100%;height:600px;background:red;}
.left{width:200px;height:600px;background:#00f;position:absolute;left:0;top:200px;}
.right{height:600px;background:#9f9;margin-left:210px;}
.foot{width:100%;height:150px;background:#f60;}
.main{width:100%;height:600px;background:red;}
.left{width:200px;height:600px;background:#00f;position:absolute;left:0;top:200px;}
.right{height:600px;background:#9f9;margin-left:210px;}
.foot{width:100%;height:150px;background:#f60;}
.top{width:100%;height:50px;background:gray;}
.main{width:100%;background:red;height:300px;}
.left{ width:200px;height:300px;background:blue;position:absolute;}
.right{width:100%;margin-left:210px;height:300px;background:green;position:absolute;}
.foot{width:100%;background:orange}
.main{width:100%;background:red;height:300px;}
.left{ width:200px;height:300px;background:blue;position:absolute;}
.right{width:100%;margin-left:210px;height:300px;background:green;position:absolute;}
.foot{width:100%;background:orange}