2021年4月12日 · BFC 全称： Block Formatting Context， 名为 "块级格式化上下文"。 W3C 官方解释为： BFC 它决定了元素如何对其内容进行定位，以及与其它元素的关系和相互作用，当 …

BFC (Block Formatting Context)是一个独立的渲染区域，其中的元素布局遵循一套特定的规则，并且不会与外部元素发生重叠或相互影响。 一个HTML元素可以创建一个新的BFC，这样它的内 …

2023年9月14日 · BFC（Block Formatting Context）中文译为"块级格式化上下文"，简单来说，BFC就是给盒子加一个属性，让盒子变成一块独立渲染的区域，可以理解为一个箱子，箱子 …

2021年11月16日 · BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。 外边距折叠（Margin collapsing）也只会发生在属于同一BFC的块级元素之间。 html： …

2024年12月30日 · 现在浮动是浮动了，问题是left-aside和main都和body左对齐了，这符合BFC（每个元素的margin-left左外边距与包含块的左边界相接触，即使浮动也是如痴）的规 …

解决浮动重叠，实现自适应两栏效果，使 .right 成为 BFC区域即可. 利用BFC解决父子级外边距合并的方法很多，相对应的也会带来一些影响。 例如： inline-block会导致改变元素形式，可能 …

2024年12月17日 · CSS中的 BFC （Block FormattingContext，块级格式化上下文）是CSS中的一个重要概念，它用于定义元素的渲染和布局规则。 BFC的理解和应用在复杂布局和解决一些 …

2019年3月27日 · W3C对BFC的定义如下： 浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiable”的块级盒子， …

那么 BFC 是什么呢？ BFC 即 Block Formatting Contexts (块级格式化上下文)，它属于上述定位方案的普通流。 具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布 …

2024年12月13日 · BFC（Block Formatting Context），块级格式化上下文，它规定了内部的块级元素的布局方式，默认情况下只有根元素（即body）一个块级上下文。 块级元素垂直方向的 …