什么BFC布局？有什么用

什么是BFC

BFC（格式化上下文），简单而言就是一块独立的区域，而且是一个不会受到外部环境影响的独立区域。

如何触发形成一个BFC布局 --》通过一下四点条件任意满足即可形成BFC布局

1.float不为none
2.position不为relative或static
3.overflow为auto scroll或hidden
4.display为inline-block

BFC可以解决什么问题？

1.浮动元素的父元素高度塌陷
2.两栏自适应布局
3.防止外边距重叠
4.防止元素被浮动元素覆盖