外边距折叠-塌陷现象解决方案

互相嵌套的块级元素,子元素的margin-top会作用在父元素上,解决方案:

1.给父元素设置border-top;

2.给父元素设置padding-top;

3.给父元素设置overflow:hidden;

4.转换为行内块元素;

5.设置浮动、固定定位、绝对定位，浮动、绝对定位、固定定位的盒子不会有塌陷问题。