已采纳回答 / 请叫我大人
因为你左右生成绝对定位（position:absolute;），浏览器默认有间距 ，所以中间的div周边都会有默认的边距。在样式里加 *{margin:0;padding:0;} 就好了
2015-06-10
最新回答 / Fewq
.top{height:100px;background:#ccc} .main{height:500px;overflow:hidden;position: relative;} .left{width:20%;height:100%;float:left; background:blue; } .right{position:absolute;left:0;top:0; background:#9C9;margin-left:20%;height:100%;width: 80%;} .foot...
2015-06-09
已采纳回答 / 六月时光
应该是因为相对定位本来还保留了它的空间吧，它相当于在普通文档流的位置还占有空间，然后仅仅把表现出来的内容移位了。而绝对定位在原来那里不占有空间，是实实在在地全部移动了。我是这样理解的
2015-06-05
已采纳回答 / Jack_007
/*你的left绝对定位以html文档进行定位,后期如果top层高度缩小或者增大.left层会出现问题. *我这里则以main层作为定位父包含块.*/.main{background:red;position:relative;}.left{position:absolute;top:0;left:0; width:200px;background:blue;height:500px;}.right{margin-left:210px; height:500px;background:#9ACC99;}
2015-06-01
已采纳回答 / Q号哦
.main{ height:600px; margin：0 310px 0 210px;background:#9CF;之中的margin：0的“：”请用英文的“:”.
2015-05-29
已采纳回答 / 幸福的小草
题目要求：main水平居中在浏览器中央，并且与左右div有10px的间距210px=左部分的宽度200px+10px间距 .left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0}310=右部分的宽度300px+10px间距 .right{ height:600px; width:300px; position:absolute; top:0; right:0; background:#FCC;}...
2015-05-29
已采纳回答 / 幸福的小草
首先，mid部分是自适应的没错，内容过多，把其所在的div（块元素）撑到能容纳内容的最大宽度。这里mid中的内容把div撑到了100%，如果把margin去掉，你会发现，mid独占一行。对于mid而言，left后面没有足够的位置，所以mid只能移到下一行。同样，mid后面已经没有位置给right,所以right也只能移到下一行
2015-05-29
