BFC—Block Formatting Context 块级格式化上下文
它是一个环境,是一个独立的渲染区域,它规定了内部的块级别的Box如何布局,且BFC内和BFC外各不相干。
需要条件触发才能生成BFC环境。
会触发BFC环境的元素:
1.根元素;
2.当float属性不为none时;
3.position为absolute或fixed;
4.ovflow不为visible.
使用BFC环境的时机:
当两个垂直排列的块级元素水平浮动后,这时侯发现一个div里的两个块级元素已经独立自成块了,没有一个父级元素,且浮动后的块级元素还影响到周围其他的布局。通常用overflow:hidden来触发BFC环境。