海阔天空

手机扫码查看

什么是BFC？
Block Formatting Context(块级格式化)
什么是BFC规范？
触发BFC规范的元素，可以形成一个独立的容器，不受到外界的影响，从而解决一些布局问题。

怎么触发BFC规范？
浮动元素：float除none以外的值
定位元素：position:absolute/fixed
display:inline-block/flex(弹性布局)
overflow:除了visible以外的值

BFC能解决什么问题？
可以解决margin叠加、传递问题
可以解决浮动以及覆盖问题