文档流（normal flow）
首先理解浮动需要了解文档流。
网页是多层结构，一层叠着一层的，通过 CSS 可以控制每层的样式，而用户只能只看最上一层，底下无论有多少层都会被前面的那一层遮盖，而造成用户无法看见。
而最底下的一被称为文档流，创建的文档默认即是文档流中排列。
元素的两种状态
在文档流
不在文档流（脱离文档流）
元素在文档中有什么特点
- 块元素
块元素独占一行，从上往下垂直排列
默认宽度是低级的 100%
默认高度由内容撑开 - 行内元素
不独占一行，在页面中自左向事排列
如果一行排列不下，则元素会换到第二行去展示
默认高度是由内容撑开