BFC 格式化上下文
格式化上下文,指在某些条件下创建一个独立的渲染区域,该区域内所有元素的布局不会影响到区域外的元素的布局(比如清除浮动,防止margin重叠),这个渲染区域只对块级元素起作用
触发条件:
-
overflow
不为visiable
-
float
不为none
-
display
属性为inline-block,flex,table-cell
-
position
为absolute
或者fixed
BFC 格式化上下文
格式化上下文,指在某些条件下创建一个独立的渲染区域,该区域内所有元素的布局不会影响到区域外的元素的布局(比如清除浮动,防止margin重叠),这个渲染区域只对块级元素起作用
触发条件:
overflow
不为visiable
float
不为none
display
属性为 inline-block,flex,table-cell
position
为absolute
或者fixed