文档流：
文档流处于网页的最底层，它表示一个页面中的位置；我们创建的元素都默认在文档流中。
元素在文档流中的特点：
块元素：
- 块元素在文档流中会独占一行，块元素会自上向下排列。
- 块元素在文档流中默认宽度是父元素的100%。
- 块元素在文档流中的高度默认被内容撑开。
内联元素：
- 内联元素在文档流中只占自身大小，默认从左向右对齐；如果一行中不足以容纳所有的内联元素，则换到下一行。
- 内联元素的宽度和高度默认都被内容撑开。
浮动：
块元素在文档流中默认垂直排列，如果希望块元素在页面中水平排列，可以使块元素脱离文档流；使用float来使得元素脱离文档流实现浮动。
可选值：
- none：默认值，元素默认在文档流中排列。
- left：元素回立即脱离文档流，向页面的左侧浮动。
- right：元素回立即脱离文档流，向页面的右侧浮动。
浮动元素的特点：
- 元素脱离文档流后，它下面的元素会立即向上移动；元素浮动以后会尽量想页面的左上或者是右上漂浮，直到遇到父元素的框架或者其他的浮动元素。如果浮动元素上边是一个没有浮动的块元素。
- 浮动的块元素不会覆盖文字，文字会制动环绕在浮动元素的周围；所以我们可以通过浮动来设置文字环绕图片的效果。
- 在文档流中，子元素的宽度默认占父元素的全部。
- 块元素脱离文档流以后，高度和宽度都由内容撑开。
- 内联元素脱离文档流后会变成块元素。