CSS 外边距折叠
有时，两个外边距会折叠成一个单独的外边距。
外边距折叠
元素的顶部和底部外边距有时会折叠成一个单独的外边距，该外边距等于两个外边距中较大的那个。
这种情况不会发生在左右外边距上！只发生在顶部和底部外边距上！
看下面的例子
在上面的例子中，<h1> 元素的底部外边距为 50px，而 <h2> 元素的顶部外边距设置为 20px。
常识似乎表明，<h1> 和 <h2> 之间的垂直外边距总共应该是 70px (50px + 20px)。但由于外边距折叠，实际的外边距最终是 50px。
所有 CSS 外边距属性
| 属性 | 描述 |
|---|---|
| margin | 一种简洁的属性，用于在一处声明中设置所有外边距属性 |
| margin-bottom | 设置元素的底部 margin |
| margin-left | 设置元素的左 margin |
| margin-right | 设置元素的右 margin |
| margin-top | 设置元素的顶部 margin |
