CSS

盒模型就是将每个元素看作是一个盒子。

每个元素都由以下四部分构成：
1. 内容区
2. 内边距
3. 边框
4. 外边距

元素的width与height指的是内容区的width和height。

水平方向上的两个元素的外边距不会折叠。
垂直方向上的两个元素的外边距会折叠，以外边距大的为准。不论是上下相邻的两个元素，还是嵌套在一块的两个元素。