什么是边界坍塌?

当父元素包裹着一个子元素的时候,当给子元素设置margin-top属性时,此时只是想让子元素的边框距离父元素边框有一段距离,而却出现了父元素的顶端距离body这个边框出现了位移。

解决方法

1、给父元素设置外边框(border)或者内边距(padding)

2、给父元素设置overflow,取值(auto、scroll、hidden)

3、给父元素设置display,取值(table-cell、inline-block)

时间不在于你拥有多少,而在于你怎样使用。