Box Model
盒子模型，把HTML页面中的布局元素看作一个矩形盒子，包括 边框、外边距、内边距、内容
外边距合并
1. 相邻块元素垂直外边距合并
上下相邻两个块元素，处于上面的元素有margin-bottom, 下面的元素有margin-top，它们之间的距离会取两个值的较大者
处理方案： 只给一个盒子添加margin
2. 嵌套块元素垂直外边距的塌陷
父子关系的块元素，父子元素有相同的外边距，父元素会塌陷较大的外边距值
处理方案：
- 父元素定义边框
- 父元素定义内边距
- 父元素添加
overflow: hidden
