一、什么是BFC
BFC即Block Formatting Contexts(块级格式化上下文),他属于格式化上下文的其中一种规范。具有BFC特性的元素可以看做是个例了的独立容器,容器中的元素不会再布局上印象到外面的元素,并且BFC具有普通ring器没有的一些特性。(解决布局问题)
二、触发BFC的条件
1.浮动元素:float出none之外的值
2.绝对定位元素:position(absolute,fixed)
3.display为inline-block、table-cells、flex
4.overflow除了visible之外的值(hidden、auto、scroll)
三、BFC特性以及作用
1、解决margin值叠加问题
2、解决margin传递问题
3、解决浮动问题
4、解决覆盖问题