BFC是什么？

• BFC（block formatting context）直译为’块级格式化上下文’，它是一个独立渲染区域，其实也就是一种状态，通过设置某些css属性可以触发这种状态，让他其中的元素布局是不会受外界的影响。
• 在平时的开发中，布局的时候会经常碰到比如高度塌陷，margin值传递，margin值重叠这些问题时，就需要通过触发BFC就来解决。
• 触发BFC的方法也有很多，常用的有
  1. float: left,right
  2. position: absolute,fixed
  3. overflow:hidden
  4. diplay:flex,inline-block,table-cell`