BFC

什么是bfc:

bfc就是块级格式化上下文(block format context)，只要是给盒子设置了bfc属性，它就是一个独立渲染的区域，从而不会影响外界

如何开启bfc:

overflow：hidden,
position:absolute或fixed,
display:inline-block,flex

应用场景：

1. 清浮动 
2. 外边距重叠 
3. 可以用来实现左边宽度固定 右边自适应的效果