外边距重叠margin-collapse

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