BFC（块级格式化环境）

BFC：块级格式化环境

开启BFC后，BFC是一个独立的元素,外面的元素不会影响里面的元素,里面的元素不会影响外面的元素。

开启BFC后的特点：

1.不会被浮动元素所覆盖。

2.子元素和父元素的外边距不会重叠。

3.可以包含浮动元素。

开启BFC的方式：

1.设置浮动（不推荐）

2.设为行内块元素（不推荐）

3.将元素的overflow设为非visible（常用hidden，其余的auto，scroll）