文档流（normal flow）
- 网页是一个多层的结构，一层摞着一层
- 通过css可以分别为每一层来设置样式
- 用户只能看到最顶上一层
- 这些层中，最底下的一层称为文档流，文档流是网页的基础
我们所创建的元素默认都是在文档流中进行排列 - 元素主要有两个状态
- 在文档流中
- 不在文档流中（脱离文档流）
元素在文档流中的特点
1、块元素
- 块元素会再页面中独占一行（自上向下垂直排列）
- 默认宽度是父元素的全部（会把父元素撑满）
- 默认高度是被内容撑开（子元素）
2、行内元素 span
- 行内元素不会独占页面一行，只占自身大小
- 行内元素在页面中自左向右水平排列，如果一行不能容纳所有行内元素，元素会换到第二行继续排列
- 行内元素的默认宽度和高度都是被内容撑开