作者：张秋怡 链接：http://www.zhihu.com/question/24529373/answer/29135021 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 Q: 脱离文档流就不占据空间了吗？ A: 可以这么说 ...

　　1.脱离文档流 　　　　目前我知道的是有三种方式来使标签脱离文档流 　　　　　　（1）浮动 　　　　　　（2）固定定位 　　　　　　（3）绝对定位 　　 ...

什么是文档流？ 将窗体从上至下分成一行一行，并在每行中按从左至右依次排放元素，称为文档流，也称为普通流。这个应该不难理解，HTML中全部元素都是盒模型，盒模型占用一定的空间，依次排放在HTML中，形成了文档流。 什么是脱离文档流？ 元素脱离文档流之后，将不再在文档流中占据空间，而是处于 ...

了position属性的 relative和absolute 脱离了标准文档流，把弹出来的授权框框覆盖了 ...

所谓的文档流 顾名思义就是按照顺序流下来，指的是html元素从上往下 从左往右的流式排列， 比如说写了5个Div,正常的文档流是依次显示这5个div块； 脱离文档流就是指它所显示的位置和文档代码就不一定一致了。比如可以用css控制，把最后一 个div块显示在第一个div块的地方。当前 ...

1、代码 （1）示例代码1 （2）示例代码2 2、结论： 使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。 而对于使用absolute :position脱离文档流的元素，其他盒子 ...

准确的说，float浮动属于半脱离文档流，1、float浮动跟position:absolute一样拥有脱离文档流的功能，但是float虽然脱离了文档流但是仍然会占据位置，其他的文本内容会按照顺序继续排列——如果你对所有的元素都设置了浮动，你会看到这几个div并不会重叠，而是会顺序排列。可以参考 ...

　　所谓的文档流，指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。并最终窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素。脱离文档流即是元素打乱了这个排列，或是从排版中拿走。 　　当前所知的脱离文档流的方式有两种：浮动和定位。 　　 a.定位属性positon ...