bfc：块格式化上下文 解决问题：1.margin重叠 （margin重叠（又称margin塌陷）：文档流内，块级元素与块级元素垂直方向上的 margin 合并（塌陷）为单个 margin，且只发生在垂直方向。 inline元素不存在margin 塌陷，因为inline元素不占有外边距，同样道理float元素也不存在margin合并 2.高度塌陷 3.自己被浮动元素覆盖 4.margin塌陷 子元素margin-bottom会被父元素剥夺 5.创建自适应两栏布局（左边的宽度固定，右边的宽度自适应） 如何开启：1.根元素body 2.元素设置浮动float：除none以外的值 3.元素设置绝对定位、固定定位（position：absolute/fixed） 4.行内块元素：display：inline-block 5.表格单元格dispaly：table-cell、table-caption 表格单元格：table、thead、tbody、th、td、tr、caption 6.overflow的值不为visible的值 7.伸缩项目 8.多列容器 9.column-span为all的元素（即使该元素没有包裹在多列容器中） 10.display：flow-root
