什么是文档流，为什么定位和浮动会脱离文档流？
具体可以参考css权威指南。
我理解的文档流是：元素在没有浮动和绝对定位时的正常布局方式，（从左到右，从上到下）。
为什么定位和浮动会脱离文档流，这个目的是为了更多的排版模式而添加的吧。
可以看看我这篇文章：详解css相对定位和绝对定位http://.com/blog/trigkit4/1190000000680773
文档流是文档中可显示对象在排列时所占用的位置。比如网页的div标签它默认占用的宽度位置是一整行，p标签默认占用宽度也是一整行，因为div标签和p标签是块状对象。 网页中大部分对象默认是占用文档流，也有一些对象是不占文档流的，比如表单中隐藏域。