Margin垂直塌陷(collapse)问题

在一个BFC中，块框之间，垂直毗邻的margin会发生塌陷(collapse)。

在一个BFC中，塌陷可分为两种情况(两者或自身):

①两个块框之间：当两个块框上下毗邻时，两者之间的margin会塌陷并尺寸值取较大的那个外边距。   

                          当两个块级框是父子关系时，也会在垂直方向发生margin塌陷，取值依然是较大的那个。

②还有一种情况是，块级框自身发生collapce现象：即当垂直padding和height为零时，上下外边距会发生塌陷

 

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