5.BFC盒模型怎么理解？标准盒模型和怪异盒模型（早期的IE）

BFC就是块级格式上下文，是页面盒模型布局中的一种CSS渲染模式，相当于一个独立的容器，里面的元素和外部的元素互不影响。

创建BFC/清除浮动的方式有：

• html根元素
• float浮动
• 绝对定位
• overflow不为visible
• display为flex布局或者grid布局

BFC主要的作用为：

• 清除浮动
• 防止同一BFC容器中的相邻元素间的外边距重叠问题。

box-sizing 新属性 改变盒模型大小