什么是bfc？
bfc就是块级格式上下文，当元素开启bfc后，这个元素就会形成一个独立的布局空间，在这个空间里布局不会受外部影响当然也不会影响外部的布局。
bfc能解决什么问题？
- 很容易就能想到，bfc可以解决magin塌陷问题。
- bfc计算高度时，浮动也算，因为他是独立容器
- 能不能想到bfc解决布局问题
如何开启bfc？
- 设置浮动就开启了bfc（float：left/right）
- 设置overflow属性为auto,hiddem,scroll
- 设置display为inline-block,flex,grid等
- 设置position为absolute,fixed
