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

浮动状态（可以理解为漂浮在文档流的上方，处在另一个平面）。脱离文档流的元素的定位基于正常的文档流，当一 ...

。更准确地一点说，是一个元素脱离文档流（out of normal flow）之后，其他的元素在定位的时 ...

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

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

@参考文档：http://www.cnblogs.com/jenry/archive/2007/07/15/818660.html @什么叫脱离文档流？注意，只有绝对定位absolute和浮动float才会脱离文档流！ 答案：CSS中脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子 ...

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

　　先来了解一下block元素和inline元素在文档流中的排列方式。 　　block元素通常被现实为独立的一块，独占一行，多个block元素会各自新起一行，默认block元素宽度自动填满其父元素宽度。block元素可以设置width、height、margin、padding属性 ...