CSS 外边距(margin)折叠

https://www.w3schools.com/Css/css_margin_collapse.asp

上下外边距有时会折叠成一个。新的外边距的大小，取决于两者间最大的那一个。

左右外边距不发生折叠，仅发生在顶部和底部。

例子：

1<h1>Heading 1</h1>
2<h2>Heading 2</h2>

1h1 {
2  margin: 0 0 50px 0;
3}
4h2 {
5  margin: 20px 0 0 0;
6}

No notes link to this note