BFC---块级格式上下文

一，什么是BFC

1.BFC代表块级格式化上下文。

2.具有 BFC 特性的元素可以看作是隔离了的独立容器，无论容器内元素如何布局都不会影响外部。

二，BFC触发条件

1.具有overflow属性 (inline-block和block)， 且overflow属性不为visible，例如常见的overflow：hidden。

2.display:inline-block,行内块级元素具有BFC属性。

3.float:浮动元素

4.display:flex

5.position:absolute || fixed

6.display: table-cell

三，BFC特性

1.在同一个BFC上的元素，垂直方向上的margin会重合。

2.在BFC内，会计算浮动元素的高度。

3.BFC的区域不会与外部float box重叠