BFC详解(块级格式化上下文,用于清除浮动,防止margin重叠等)

BFC详解(块级格式化上下文,用于清除浮动,防止margin重叠等)

定义:块级格式化上下文,是一个独立的渲染区域,并且有一定的布局规则。
  • BFC区域不会与float box重叠
  • BFC是页面上的一个独立容器,子元素不会影响到外面
  • 计算BFC的高度时,浮动元素也会参与计算
哪些元素会生成BFC:
  • 根元素
  • float不为none的元素
  • position为fixed和absolute的元素
  • display为inline-block、table-cell、table-caption,flex,inline-flex的元素
  • overflow不为visible的元素
©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页