盒子模型的一些问题

1.margin叠加问题：

   当给两个盒子同时添加上下外边距时，就会出现叠加问题，而且这个问题只会出现在上下叠加，不会出现在左右叠加，系统会取上下外边距中较大的值作为两个盒子之间的间距。

解决方案：

BFC规范；

在上下外边距中只设置一方的边距。

2.margin传递问题

  margin传递问题出现在嵌套模型中，当一个盒子内部嵌套另一个盒子，给内部盒子添加margin-top时，外部盒子也会出现margin-top。

解决方案:

1.BFC规范；

2.给父容器加一个边框；

3.给父容器增加一个padding-top；

4.给父容器设置overflow：hidden 。