外边距重叠margin-collapse

最新推荐文章于 2025-06-14 14:01:45 发布

原创最新推荐文章于 2025-06-14 14:01:45 发布 · 250 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java #前端 #servlet

本文讲解了CSS中margin-collapse的折叠原理，包括正数、负数外边距的合并规则，以及如何通过理解这些规则来优化布局。

1.外边距重叠就是margin-collapse，在CSS当中，相邻的两个盒⼦
（可能是兄弟关系也可能是祖先关系）的外边距可以结合成⼀个单独的外边距。
这种合并外边距的⽅式被称为折叠，并且因⽽所结合成的外边距称为折叠外边距。
2.折叠结果遵循下列计算规则：
   1）两个相邻的外边距都是正数时，折叠结果是它们两者之间较⼤的值
   2）两个相邻的外边距都是负数时，折叠结果是两者绝对值的较⼤值
   3）两个外边距⼀正⼀负时，折叠结果是两者的相加的和