BFC 块级格式化上下文原理、触发条件与应用

1. BFC 是什么BFC 是独立的渲染区域内部元素布局不会影响外部外部也不会干扰内部。2. 触发 BFC 条件根元素 htmlfloat 不为 noneoverflow 不为 visibledisplay: inline-block / flex / gridposition: absolute / fixed3. BFC 实战作用解决浮动高度塌陷解决垂直外边距合并实现自适应两栏布局