这篇文章挺好的，关于 css 的 margin 属性的几条使

这篇文章挺好的，关于 css 的 margin 属性的几条使用规则：

只有垂直方向的 margin 才会 Collapse，水平方向的不会；

只有相邻的 margin 才会 Collapse，比如用 隔开两个元素，这两个元素的 margin 不会折叠；

Collapse 后，大的值生效；

子元素的 margin 会和它的父元素的相邻元素 Collapse，Nesting doesn't prevent collapsing；

Collapse 只对 flow layout 生效，对于 grid、flexbox 这些布局不生效，如果希望让这两种布局的元素产生间隔，可以用 gap 等属性。