CSS外边距塌陷，BFC

外边距塌陷设计的初衷是为了解决垂直方向段落的间隙。如果几个并列的块级元素，想要设置上下间距为20px，那么

p {
	margin-top: 20px;
	margin-bottom: 20px;
}

发生在：

1. 垂直方向
2. 块级元素，不是行内元素，也不是行内块级元素

外边距计算：

1. 正数 && 正数 ： 最大的数
2. 负数 && 负数 ： 绝对值最大的数
3. 正数 && 负数 ： 相加的和

BFC(块级格式化上下文)就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。

创建BFC的方式：

1. position： absolute，fixed
2. float：不是none
3. overflow：不是visible
4. display：inline-block或者flex
5. 根元素：