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

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

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

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

一共有三个属性会使元素脱离文档流： （1）浮动 （2）绝对定位 （3）固定定位 元素脱离文档流会导致父元素高度塌陷，要修复高度塌陷问题，可以将子元素与父元素放在同一个BFC中 ...

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

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

在了解浮动属性之前，首先我们先了解一下html中关于display属性的相关知识。 display属性常用的有inline, block, inline-block. inline也就是内联的意思。 常见的html标签中如 span, font, a, b, em 都是内联元素 ...