什么是BFC

BFC是什么：

      BFC是块级化上下文 简单来说 BFC是一个 完全独立的空间，就是让空间里的子元素不会影响到外面的布局

触发BFC的条件：

1.   float:left /right/buttom/top
2.   position :fixed/absolute
3. display:line-block/flex
4. overfloww:hidden 不为visible

BFC解决的问题：

1. 解决了外边距边框重叠
2. 阻止元素被浮动元素覆盖
3. 使用float脱离文档流，高度塌陷