文档流（normal flow）到底是个啥

我们平时所看见的网页，其实是一个多层的结构，但是用户只能看见最上面的一层。
通过css可以为每一层来设置样式。
而文档流就是所有层中的最底下一层，是网页的基础。所创建的元素默认都是在文档流中进行排列的。
但是当我们设置元素为浮动元素的时候，元素就会脱离文档流了。

块元素会在文档流中独占一行，默认宽度是父元素的全部，默认高度是被子元素撑开的。

行内元素不会独占一行，只占自身的大小。在页面中从左向右排列。