BFC小结

什么是BFC？

• BFC：块级格式化上下文

• 特征：
  1.每一个BFC只包含其子元素（不包含子元素的子元素）
  2.每一个BFC都是独立的一个区域互不影响

• 触发BFC
  1.body元素
  2.浮动
  3.定位 例如fixed或者absolute
  4.行内块显示模式：inline-block
  5.设置overflow，即hidden，auto，scroll
  6.flex布局
  7.表格单元格，table-cel

• 利用BFC解决问题
  1.解决外边距塌陷
  2.利用BFC解决包含塌陷
  3.当浮动产生影响的时候，可以利用BFC来清除浮动的影响
  4.BFC可以阻止标准流元素被浮动元素覆盖