什么是文档流

理解好文档流，有助于我们对css中定位和浮动的理解。什么是文档流呢，文档流的定义如下：
网页在解析时，遵循从上向下，从左向右的顺序。

从上至下，从左至右的布局。

符合html中标签本身含义的布局，比如某些标签独占一行。有些标签属于行内元素等。

下面来讲一个css中的定位机制，共三种：

正常的文档流

float

postion

在这几种定位机制中，有几种方式是脱离文档流的。什么是脱离文档流呢？可以这样理解，本来这个标签是属于文档流管理的，那么它应该按照文档流的正常布局方式从左至右从上之下，并且符合标签本身的含义。
脱离文档流是指，这个标签脱离了文档流的管理。不受文档流的布局约束了，并且更重要的一点是，这个标签在原文档流中 所占的空间也被清除了。
脱离文档流的元素处于浮动状态（可以理解为漂浮在文档流的上方），当一个元素脱离文档流后，依然在文档流中的其他元素将忽略该元素并填补其原先的空间。