理解BFC

BFC 块级格式化上下文,定义元素按什么样的规则通过视觉格式化模型布局、渲染

1、触发元素bfc的条件

  • flolt
  • overflow
  • postition
  • display: inline-blick, table-cell,flex

2、BFC特性规则

  • 清除浮动引起父级元素高度为0的问题,默认浮动元素是不会参加父元素高度计算的,触发父级bfc后会让浮动元素参加高度计算
  • margin重叠问题
  • bfc不会与浮动元素重叠

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注