12.BFC是什么,触发条件有哪些,能解决什么问题

59 阅读1分钟

块级格式上下文

一个独立的渲染区域,不影响外部

触发条件:

  1. float的值不为none
  2. overflow不为visible
  3. display——inline-block table table-cell
  4. position的值为absolute/fixed

解决什么问题

  1. 防止浮动导致父元素高度塌陷
  2. 防止margin重叠
  3. 自适应多栏布局