面试官：请说说什么是BFC？大白话讲清楚 - 掘金
2021年4月12日 · BFC就是页面中的一个隔离的独立容器，容器里的标签不会影响到外部标签; 垂直方向的距离由margin决定， 属于同一个BFC的两个相邻的标签外边距会发生重叠; 计算BFC的 …
CSS中的BFC是什么？怎么用？BFC（Block Formatting Context）块格式化上下文， BFC …
2021年11月16日 · 官方定义： BFC（Block Formatting Context）块格式化上下文， 是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区 …
一次弄懂css的BFC - 知乎 - 知乎专栏
块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是 浮动元素 与其他元素交互的区域。 BFC (block …
BFC、IFC、GFC、FFC概念理解、布局规则、形成方法、用处浅析
2020年5月9日 · 常见的Formatting Context 有：Block Formatting Context（BFC | 块级格式化上下文） 和 Inline Formatting Context（IFC |行内格式化上下文）。 下面就来介绍IFC和BFC的布 …
# 面试官：谈谈你对BFC的理解？ - Vue3 One Piece
BFC（Block Formatting Context），即块级格式化上下文，它是页面中的一块渲染区域，并且有一套属于自己的渲染规则： 内部的盒子会在垂直方向上一个接一个的放置; 对于同一个BFC的俩 …
BFC是什么？有哪些应用场景？一次搞懂BFC，通俗易懂！-CSDN …
2023年9月14日 · 块格式化上下文（Block Formatting Context，BFC） 是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 BFC …
10 分钟理解 BFC 原理 - 知乎 - 知乎专栏
BFC 即 Block Formatting Contexts (块级格式化上下文)，它属于上述定位方案的普通流。 具有 BFC 特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元 …
前端 - 理解 CSS 布局和 BFC - 终身学习者 - SegmentFault 思否
2019年3月27日 · BFC是一个独立的布局环境，其中的元素布局是不受外界的影响，并且在一个 BFC 中，块盒与行盒（行盒由一行中所有的内联元素所组成）都会垂直的沿着其父元素的边框 …
前端 - BFC与IFC概念理解+布局规则+形成方法+用处 - 一只瓦罐
2017年5月24日 · 想要理解BFC与IFC，首先要理解另外两个概念： Box 和 FC （即 formatting context）。 一个页面是由很多个 Box 组成的，元素的类型和 display 属性决定了这个 Box 的 …
BFC | 前端那些事儿
# 使用 bfc # 自适应两栏布局. 利用 bfc 的这一个原理就可以实现两栏布局，左边定宽，右边自适应。不会相互影响，哪怕高度不相等。bfc 的区域不会和浮动区域重叠，所以就可以把侧边栏固 …