-
1.什么是BFC(Block Formatting Contenxts) : 块级格式上下文
-
BFC
是一种CSS渲染模式- BFC不是一种技术，也不是一个框架，而是我们浏览器自带的一种渲染模式。（类似于flex伸缩盒子一样，BFC也是一种盒子模型，都是CSS自带的）
-
-
2.如何使用BFC（四种方式开启BFC盒子）
- float不是none (有float属性且不为none,此时盒子自动变成BFC盒子)
- overflow属性不是visible(有overflow属性且不为visible,此时盒子自动变成BFC盒子)
- position属性不是static和relative
- display属性为以下值 ： table-cell 、 inline-block 、 table-caption
-
3.开启BFC 盒子变化
- 当一个块级盒子触发BFC之后，其内部形成独立环境，在里面做任何事都不会对盒子外部有影响。
- 在一个BFC中，块盒与行盒（行盒由一行中所有的内联元素所组成）都会垂直的沿着其父元素的边框排列
-
4.BFC解决哪些问题
-
清除元素内部浮动
-
解决盒子margin合并问题（塌陷也可以解决）
-
实现元素宽度自适应多列布局
- 制作右侧盒子自适应宽度的问题（左侧盒子宽度固定，右侧宽度不固定）
-
