CSS外边距叠加问题

CSS外边距叠加就是margin-collapse，边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距,水平边
距永远不会重合。
重叠结果计算规则：
①.两个相邻的外边距都是正数时，折叠结果是它们两个之间较大的值.
②.两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值.
③.两个边距一正一负时，折叠结果是两者相加的和.
解决方案：
外层元素padding代替
内层元素透明边框 border:1px solid transparent;
内层元素绝对定位 postion:absolute:
外层元素 overflow:hidden;