Margin垂直塌陷(collapse)问题

在一个BFC中,块框之间,垂直毗邻的margin会发生塌陷(collapse)。
在一个BFC中,塌陷可分为两种情况(两者或自身):
①两个块框之间:当两个块框上下毗邻时,两者之间的margin会塌陷并尺寸值取较大的那个外边距。   
                          当两个块级框是父子关系时,也会在垂直方向发生margin塌陷,取值依然是较大的那个。
②还有一种情况是,块级框自身发生collapce现象:即当垂直padding和height为零时,上下外边距会发生塌陷

解决塌陷问题的方法有很多,除了设置padding和border进行隔离,还可以创建BFC,因为创建了BFC的元素不会与子元素和外部毗邻元素发生collapse。

原文地址:https://www.cnblogs.com/slowsoul/p/2862532.html