什么是CSS的外边距重叠?

区块的上下外边距有时会合并(折叠)为单个边距,其大小为两个边距中的最大值(或如果它们相等,则仅为其中一个),这种行为称为外边距折叠。注意:有设定浮动和绝对定位的元素不会发生外边距折叠。

有三种情况会形成外边距折叠:

1.相邻的兄弟元素

2.父子元素

3.空的区块

掌握外边距折叠 - CSS:层叠样式表 | MDN (mozilla.org)

你可能感兴趣的:(css,前端)