1.浮动元素不会产生margin塌陷现象,定位的元素也不会塌陷,只有标准流中才会产生塌陷。
例如三个盒子依次嵌套,如果中间的父亲盒子设置了浮动,那么这三个盒子设置的margin-top都不会产生塌陷现象。
2.margin塌陷现象可以传递,例如:
三个盒子依次嵌套,子级,父级和祖父级。其中任何一个盒子设置margin-top,三个盒子会一起移动,不会因为中间隔着父亲级的盒子,祖父级的就不塌陷。
可以通过给父盒子设置overflow:hidden来解决子盒子和父盒子的margin塌陷,但是给父盒子设置overflow:hidden属性后,父盒子和祖父盒子的margin依然会塌陷,他们的顶边依旧会重合,想要解决就需要给祖父盒子再设置overflow:hidden。