什么是BFC?
BFC(block formatting context)是web页面中盒模型布局的CSS渲染模式,
“块级格式化上下文”,它是一个独立的渲染区域,只有block-level box参与,它规定了
内部的block-level box如何布局,并且与这个区域外毫不相干。
条件:
1:根元素
2:overflow的属性值不为visible
3:float也可以生成bfc(属性不为none)
4:position属性为absolute和fixed
5:display属性值为inline-black
解决的问题:
1:防止margin的塌陷
2:清除浮动
3:避免文字环绕