1.定义
BFC属于独立的渲染区域,不会影响外部其他的元素或box,且会格式化上下文
2.形成条件
共有以下几种:
1)添加浮动float
2)dispaly:inline-block或flex
3)overflow除去默认值visible的所有属性
4)定位除去absolute的所有属性
3.作用
格式化上下文
内部元素的浮动不会影响外部元素
两栏布局,
和浮动元素不会重叠
高度由浮动元素和box一起计算
解决父盒子塌陷
1.定义
BFC属于独立的渲染区域,不会影响外部其他的元素或box,且会格式化上下文
2.形成条件
共有以下几种:
1)添加浮动float
2)dispaly:inline-block或flex
3)overflow除去默认值visible的所有属性
4)定位除去absolute的所有属性
3.作用
格式化上下文
内部元素的浮动不会影响外部元素
两栏布局,
和浮动元素不会重叠
高度由浮动元素和box一起计算
解决父盒子塌陷