CSS：margin重叠问题（外边距塌陷）（****四颗星）

1.margin重叠问题描述：

外边距折叠（双边距重叠问题）：两个块级元素的上外边距和下外边距可能会合并（折叠）为一个外边距，其大小会取其中外边距值大的那个，这种行为就是外边距折叠。

需要注意的是，浮动的元素和绝对定位这种脱离文档流的元素的外边距不会折叠。

2.什么时候会发生外边距塌陷

• 垂直方向。多个相邻（兄弟或者父子关系）普通流的块元素垂直方向 marigin 会重叠。重叠只会出现在垂直方向。
• 块级元素。不是行内或行内块元素。

3.计算原则：折叠合并后外边距的计算原则如下：

• 如果两者都是正数，那么就取最大者。即两个相邻的外边距都是正数时，折叠结果是它们两者之间较大的值。
• 如果是一正一负，就会正值减去负值的绝对值，即两个外边距一正一负时，折叠结果是两者的相加的和。
• 两个都是负值时，用0减去两个中绝对值大的那个，即两个相邻的外边距都是负数时，折叠结果是两者绝对值的较大值。

4.解决办法：对于折叠的情况，主要有两种：兄弟之间重叠和父子之间重叠

1.兄弟之间重叠（兄弟1设置margin-bottom: