已采纳回答 / 袖珍汤锅
因为html部分：<div class="right">right</div>在<div class="left">left</div>前边css部分：同一父元素下面的浮动的元素不会相互重叠，无法容下第二个浮动元素<div class="left">left</div>时，他会向下移动，直到有足够的空间来显示它。
2015-07-02
已采纳回答 / Idle江
http://www.zhihu.com/question/24529373/answer/29135021哈哈，知乎上关于脱离文档流的这个讲得好，原来脱离文档流是相对于普通流来讲的
2015-06-17
最赞回答 / 梦灵花儿
.right { height: 500px; background-color: aquamarine; margin-left: 210px; position:absolute;/*脱离文档流，但是 display：inline-block，所以加个宽度 */ width：100%；/*这样就满足自适应了*/ }
2015-06-13
已采纳回答 / 请叫我大人
因为你左右生成绝对定位（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