已采纳回答 / roqiii
不加定位属性position的样式left、top是无效的，既然加了就定个位置。不加是有一点空隙的。.left是mian里面的div，.right就是右面那个divmargin和padding？问什么？盒子模型的结构
2016-07-17
已采纳回答 / yemaa
1,加上body{margin:0;padding:0;}2，border:1px solid red; 这个要去掉，他也有占空间，可以使用背景颜色来观看效果
2016-07-17
.top{height:50px;background:#000000;}
.main{height:600px;background:#FB070B;}
.left{height:600px;width:200px;float:left;background:#0603F3;}
.right{width:100%;height:600px;background:green;position:absolute;left:210px;top:50px;}
.foot{height:50px;background:#000000;}
.main{height:600px;background:#FB070B;}
.left{height:600px;width:200px;float:left;background:#0603F3;}
.right{width:100%;height:600px;background:green;position:absolute;left:210px;top:50px;}
.foot{height:50px;background:#000000;}
浏览器加载html页面是从上到下一行一行的下载和渲染的。
.top{height:100px; background:#ccc;}
.main{height:500px; background:red; position:relative;}
.right{height:500px; background:lightgreen; position:absolute; left:210px; width:100%;}
.left{width:200px; height:500px; background:blue;}
.foot{height:50px; background:orange;}
.top{height:100px; background:#ccc;}
.main{height:500px; background:red; position:relative;}
.right{height:500px; background:lightgreen; position:absolute; left:210px; width:100%;}
.left{width:200px; height:500px; background:blue;}
.foot{height:50px; background:orange;}