CSS——BFC规范、触发条件及应用
BFC规范:
BFC即块级格式化上下文,属于FC(Formatting context)格式化上下文中的一种规范。
具有BFC特性的元素可以看作是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且BFC具有普通容器所没有的一些特性。
触发BFC的条件:
浮动元素:float除none以外的值
绝对定位元素:position(absolute、fixed)
display为inline-block、table-cells、flex
overflow除了visible以外的值(hidden、auto、scroll)
BFC特性及应用:
解决margin叠加问题
解决margin传递问题
解决浮动问题
解决覆盖问题