边界塌陷：
    同时 给兄弟/父子设置上下边距，理论上是两者之和 ，事实上只有一半，这种现象 是边界塌陷
    注： 浮动和定位不会产生边界塌陷
        只有块级元素 垂直方向上才会产生 margin合并
    解决方案：
        margin 同为正数 或者 负数 取的绝对值大的数
        margin 一正 一负 求两者的和
    父子元素： 边界塌陷：
        解决办法：
            父元素：
            调整内边距
            overflow:hidden ---> 出发bfc 看作是一个隔离的元素，不会影响其他元素
        子元素：
        display:inline-block
        overflow:hidden
        浮动 和 定位