BFC块级格式上下文

是页面盒模型布局中的一种CSS 渲染模式，相当于 一个独立的容器，里面的元素和外部的元素相互不影响。
满足五个条件其中之一就可以创建BFC

1. html 根元素
2. float 浮动
3. 绝对定位
4. overflow 不为visiable
5. display 为表格布局或者弹性布局

主要作用是解决外边距塌陷（块级元素才会外边距塌陷，想让黑色背景里面的图片距离黑色背景有一定的高度，将其设置为行内块），清除浮动（内容是浮动，背景颜色消失了，清除就可以让背景将其包裹起来），自适应两栏布局