（1）兄弟布局
    当相邻的两个兄弟的margin紧挨着时，外边距会发生折叠
    同为正数：外边距取较大的值
    一正一负：则取两者的和
    双负：则取两者中，绝对值较大的那个

    （2）父子布局
    因为相邻，会发生子产生外边距时，会让父子同时移动
    -父子元素间相邻外边距，子元素的会传递给父元素（上外边距)-父子外边距的折叠会影响到页面的布局,必须要进行处理
    解决办法（暂时）：

    1. 在父元素中使用padding-top或者padding-bottom ,然后减少或者增加父元素的height，即可
    2. 在父元素中使用一个border-top或者border-bottom,隔开父子元素，同时在子元素中写margin-top或者margin-bottom,来构造