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 |
