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

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

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

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

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

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

在标准文档流中要并排显示内容但是会出现有的块级标签脱离标准文档流的现象，为了解决这种现象我们有三种方法1、浮动 2、绝对定位 3、固定定位 浮动的方法解决脱表的问题真的是让人哑巴吃黄连有苦难言，这个浮动整整让我迷惑了一个礼拜，最终发现还有比这个方法好很多的一个方法就是绝对定位，非常好理解 ...

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