BFC:上下文块状格式化,是一种表现规则,有独立的渲染区域,他的子元素可以被BFC定义位置。
说明:BFC与其他块状元素不同的是他脱离文档流,隔离开不受其他元素的影响,自己定义自己的样式位置,以及其他属性。
触发条件:
1.当添加了float属性,且float不为none时
2.添加定位,positio值为absolute或fixed
3.将元素强制转换类型(display:inline-block,table-cell,table-caption)
4.有根元素或者存在父元素,或其他包含元素
5.块元素添加overflow属性,且属性不能为visible
注:浮动元素不会影响BFC的页面布局,且在清除浮动时只能将BFC前面的浮动元素清除掉。