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

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

所谓的文档流，就好比如一块块的正方形组成的一个整体，而这些正方形就代表着每个div。当某个div脱离了这个整体，也就代表他脱离了文档流。然后下一个div就会来填补脱离的div的位置。下面是流程图。　　有四个小朋友在买小卖部排队买糖吃~ 第一个买完了糖的小朋友脱离了排队的队伍开心的吃糖 ...

在了解浮动属性之前，首先我们先了解一下html中关于display属性的相关知识。 display属性常用的有inline, block, inline-block. inline也就 ...

一、文档流 1. 什么是文档流？ 将窗体自上而下分成一行一行，并在每行中按照从左到右依次排放元素，称为文档流（normal stream又称普通流）在html中，html元素都是盒模型，盒子模型占用一定的空间，依次排放在html 中，形成了文档流。 2. 什么是脱离文档流？ 元素脱离文档流 ...

浮动 　　最基本的浮动方式我们都知道，它是一个半脱离文档流的方式，那么为啥叫做半脱离文档流呢？接下来我们就来以实例来解释一下 　　第一个实例： .box1{ 　　width: 100px; 　　height: 100px; 　　background-color: pink; }< ...

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

当元素设置position:absolute时，会脱离正常文档流，后面元素会忽略该元素－》覆盖 可以给元素设置min-height解决 －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ postion 属性定义了一个元素 ...