一.外边距塌陷简单描述

•     互相嵌套的块级元素子元素的margin-top会作用在父元素上
  

•     外边距塌陷也称为外边距合并，是指两个在正常流中相邻（兄弟或父子关系）的块级元素的外边距，组合在一起变成单个外边距，
   不过只有上下外边距才会有塌陷，左右外边距不会出现这种问题。
  

二.解决外边距塌陷的方法

    1. 给父元素设置border-top;
    2.给父元素设置padding-top
    3.给父元素设置 overflow: hidden
    4.转换为行内块元素
    5.设置浮动

三.注意事项

    注意:浮动 绝对定位 固定定位的盒子不会有嵌套块级元素塌陷问题.