块级格式化上下文，是一个独立的渲染区域，让BFC内部的元素与外部的元素相隔离，使内外的元素的定位不会相互影响。
触发条件
根元素
position:absolute/fixed
display:inline-block/table
float 元素
overflow !== visible
规则：
属于同一个BFC的两个相邻Box垂直排列
属于同一个BFC的相邻Box的margin会发生重叠BFC高度
BFC中子元素的margin box 的左边，与包含快（BFC）boeder box的左边相接触（子元素absolute除外）
BFC区域不会与float的元素区区域重叠
计算BFC高度时，浮动子元素也参与计算
文字层不会被浮动层覆盖，环绕于周围
应用
阻止margin重叠
可以包含浮动元素-清除内部浮动（清除浮动原理是两个div都位于同一个BFC区域之中）
自适应两栏布局
可以组织元素被浮动元素覆盖
前言 本文包括以下内容： 什么是BFC 如何产生BFC BFC的特点 应用BFC 1、什么是BFC BFC （Bl...
作业地址 BFC 是什么？如何生成 BFC？BFC 有什么作用？ BFC是什么？ BFC 全称 Block For...
BFC 是什么？如何生成 BFC？BFC 有什么作用？举例说明。 BFC 全称 Block Formatting ...
BFC 是什么？如何生成 BFC？BFC 有什么作用？举例说明。BFC( Block Formatting Con...
BFC定义 BFC 全称 Block Formatting Context。BFC(Block formattin...
BFC 是什么？如何生成 BFC？BFC 有什么作用？举例说明。 BFC全称Block Formatting Co...
BFC 是什么，BFC布局规则是？哪些元素会生成BFC？
BFC 是什么？如何生成 BFC？有什么特性？BFC 有什么作用？举例说明 BFC(Block formattin...
BFC CSS中的BFC BFC：block formatting context块级格式化上下文； BFC 与清...
BFC BFC(Block Formatting Context)，块级格式上下文。 What is BFC ? ...
本文标题：BFC
本文链接：https://www.haomeiwen.com/subject/jiobjctx.html
网友评论