毗邻的两个或多个margin会合并成一个 margin,叫做外边距折叠。规则如下:

    1. 两个或多个毗邻的普通流中的块元素垂直方向上的 margin 会折叠
    2. 浮动元素/inline-block 元素/绝对定位元素的 margin 不会和垂直方向上的其他元素的 margin 折叠 示例
    3. 创建了块级格式化上下文的元素,不会和它的子元素发生 margin 折叠
    4. 元素自身的 margin-bottom 和 margin-top 相邻时也会折叠 示例