跳到主要内容

CSS 外边距折叠

阐述​

边距折叠的规则：

  • 只有纵向外边距参与折叠
  • 只在 CSS 流式布局范围内折叠
  • 只有相邻元素的折叠
  • 折叠后正值和负值分别保留绝对值更大的边距，然后正和负边距将抵消
  • 嵌套元素的边距也可以折叠，并且折叠后将转交给父元素

边距不折叠的情况：

  • 被边框或内边距挡住
  • 因为显示指定高度而存在空隙
  • 被可滚动的盒子分隔开

实例​

性质​

相关内容​

参考文献​