margin塌陷的原因及解决方法

原因：

父元素与子元素都有上外边距时，此时父元素会塌陷较大的外边距值

解决：

1.给父元素添加上边框

2.给父元素添加上内边距

3.给父元素添加overflow:hidden;