BFC是元素自带的一个属性，默认是关闭的状态，一旦开启了，这个元素就会成为一个独立区块
具有一些特点，这些特点，可以帮助我们解决一些问题
1、开启BFC的元素，垂直方向外边距不会重叠
2、开启BFC的元素，不会被浮动元素覆盖
3、开启BFC的元素，会包含住浮动元素，可以解决高度塌陷问题
如何开启BFC？
1、设置浮动
可以解决高度塌陷问题，但宽度会丢失，且页面布局依然影响
2、将元素转成行内块
可以解决高度塌陷，但宽度会丢失，且有三像素问题
3、overflow属性 非visible值
副作用最小，建议使用
4、开启绝对定位
可以解决高度塌陷问题，但宽度会丢失，且页面布局依然影响