overflow属性定义了当子元素超越了包含它的元素时，子元素的显示方式。如果内容太多，overflow属性说明内容是否显示以及如何显示。
overflow属性有4个可能值：
- visible：内容未被剪切，显示在元素外；
- hidden：内容被剪切，但是浏览器不显示滚动条，无法看到剩余的内容；
- scroll：即使有足够空间显示全部内容，浏览器也显示滚动条；
- auto：如果内容太多，浏览器将显示滚动条以查看剩余内容；
下面我们就看看每个值会产生的效果：
| overflow:auto; | overflow:hidden; | overflow:visible; | overflow:scroll; |
|
所有的框模型一开始都是按文档中正常的元素流定位，而定位position属性允许我们改变这些自然的位置。 |
所有的框模型一开始都是按文档中正常的元素流定位，而定位position属性允许我们改变这些自然的位置。 |
所有的框模型按文档中正常的元素流定位。 |
关于布局的内容基本上就这些了吧，还有一些高级的特性就需要大家自己学习积累、使用才是王道！