1.BFC概念

BFC(block formatting context)块级格式化上下文是CSS的一个布局概念，是一个独立的区域，是一个环境。
其中，FC为格式化上下文，是页面中的一块渲染区域，有一套渲染规则，决定了妻子元素如何布局，元素之间的关系和互相作用。

2.BFC的作用

BFC是页面独立的一个容器，与外界毫无关系，内部的子元素和容器外的元素互不影响
作用：
1.可以阻止元素被浮动的元素覆盖
2.可以通过包含浮动元素的方式清除浮动
3.解决同一个BFC区域的垂直方向margin塌陷的问题