BFC布局的概念以及作用

BFC的定义：（Block formatting context）块级格式化上下文。它是一个独立的渲染区域，只有Block-level box参与，它规定了内部Block-level box如何布局，并且与这个区域外部毫不相干。
使用条件：1、根元素，即HTML元素
2、float的值不为none
3、overflow的值部位visible
4、display的值为inline-bloack、table-cell、table-caption
5position的值为absolute或者fixed

BFC的作用：1、自适应两栏布局
2、可以阻止元素被浮动元素覆盖
3、可以包含浮动元素一 一清楚内部浮动
4、分属于不同的BFC时可以阻止margin重叠