BFC 块级格式化上下文

BFC（Block Formatting Context 块级格式化上下文）

形成一个独立的空间，让空间里面的元素不影响外面的元素。

例子：子元素浮动，父元素会塌陷

通常是给父容器添加：

overflow:hidden;

或者：

position:absolute;

1.创建新的 BFC 避免两个相邻 <div> 之间的外边距合并的问题。

2.让浮动内容和周围内容等高。