BFC的原理、布局规则及运用


什么是BFC?BFC(Block Formatting Context):块级格式化上下文;

原理:BFC 的原理,其实也就是 BFC 的渲染规则;

布局规则:

  1. 内部子元素在区域里会发生margin重叠;

  2. BFC创建的内部区域不受外部影响,外部也不能影响内部;

  3. 不与float box 区域重叠;

  4. BFC计算高度是,会把子元素的高度也参与计算;


参考链接