http://segmentfault.com/blog/trigkit4/1190000000680773
文档流是文档中可显示对象在排列时所占用的位置。
将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.(自己的理解是从头到尾按照文档的顺序，该在什么位置就在什么位置，也可以按照上面的意思理解，自上而下，自左到右的顺序)
比如网页的div标签它默认占用的宽度位置是一整行，p标签默认占用宽度也是一整行，因为div标签和p标签是块状对象。 网页中大部分对象默认是占用文档流，也有一些对象是不占文档流的，比如表单中隐藏域。
元素在没有浮动和绝对定位时的正常布局方式，（从左到右，从上到下）。
css中脱离文档流
css脱离文档流到底是什么意思，脱离文档流就不占据空间了吗？
脱离文档流是不是指该元素从dom树中脱离？
解答：https://www.zhihu.com/question/24529373/answer/29135021
总结：脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute
positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。
