什么是BFC？

在解释 BFC 是什么之前，需要先介绍 Box、Formatting Context的概念。

• Box： CSS 布局的基本单位

  Box是CSS布局的对象和基本单位， 直观点来说，就是一个页面是由很多个Box组成的。元素的类型和display属性，决定了这个Box的类型。 不同类型的 Box会参与不同的Formatting Context（一个决定如何渲染文档的容器），因此Box内的元素会以不同的方式渲染。让我们看看有哪些盒子：