BFC是什么？在前端有什么作用？

BFC是什么？
BFC就是块级格式化上下文 让元素成为一个独立的空间 不受外界影响也不影响外面的布局

如何创建BFC？
float的值不是none
position的值不是static或者relative
overflow的值不是visble

BFC作用

1. 阻止margin重叠
2. 可以包含浮动元素 清除内部浮动
3. 自适应两栏布局
4. 可以阻止元素被浮动元素覆盖