BFC面试简述

bfc简单来说就是块级格式化上下文，它是一个独立渲染区域，它的内部布局不受外部元素的影响

bfc触发条件

float：left、right

overflow：hidden

position：固定定位和绝对定位

display：flex

应用场景：

避免margin重叠

高度塌陷（子元素有浮动，父元素高度自适应，本来应该是子元素撑起父元素，但是并没有撑起）

浮动元素覆盖未浮动的元素（自适应性布局）