<div id="container"> <div...-慕课网

<div id="container"> <div class="left"></div> <div class="right"></div> </div> 老师我做了个小页面还是证明它脱离文档流了，你看下，父元素高度500，left左浮动，高200，right不浮动高300，他们都没有超过父元素高度。可是left左浮动以后，right不浮动还是被压在了left下面，说明left确实脱离文档流了，我做了实验了。

妈咪妈咪哄

2014-05-27

源自：网页布局基础

关注问题我要回答

864

操作

收起

2 回答

jeanneze
2014-05-27

关于绝对定位脱离标准文档流的定义，详见W3C官网：http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning 9.6 Absolute positioning

0 回复有任何疑惑可以回复我~

收起回答

jeanneze
2014-05-27

同学，当父元素未设置浮动，而子元素设置浮动的时候，子元素从父元素中溢出，使得未设置浮动的父元素高度不能自动扩展，不是因为浮动元素脱离了标准文档流，而是因为父元素失去了布局haslayout，这是一个浏览器bug，所以才有了针对父元素受影响清除浮动的方法：width:100%(或固定宽度)+overflow:hidden 的方法