cssBFC
bfc：block format context 块级格式化上下文
css把html的元素当为盒子，每个盒子都有一套渲染规则，正常的渲染规则，比如设定盒子颜色，渲染出盒子颜色。
可以通过特定手段，可以使特定盒子触发bfc语法使渲染规则发生改变。
如何触发一个盒子的bfc
1.开启对定位
2.改成行块盒子
3.开启浮动
4.溢出隐藏
开启BFC解决常见的三个问题
1.开启BFC,其子元素不会再产生margin塌陷问题（不会和其他的子元素产生margin合并）
2.开启BFC,就算子元素浮动，自身高度也不会坍塌（高度计算不在无视浮动元素）
3.开启BFC,自己不会被其他浮动元素所覆盖（不会与浮动元素重叠，会避开浮动元素排布）