2.5.1 BFC基本概念BFC: 块级格式化上下文BFC基本概念：BFC是CSS布局的一个概念，是一块独立的渲染区域，是一个环境，里面的元素不会影响到外部的元素 。父子元素和兄弟元素边距重叠，重叠原则取最大值。空元素的边距重叠是取margin与 padding 的最大值。2.5.2 BFC原理（渲染规则|布局规则）：（1）内部的Box会在垂直方向，从顶部开始一个接着...
转载
2021-06-30 11:55:41
203阅读
2.5.1 BFC基本概念BFC: 块级格式化上下文BFC基本概念：BFC
转载
2022-03-29 11:18:15
78阅读
先说说FC，FC的含义就是Fomatting Context。它是CSS2.1规范中的一个概念。它是页面中的一块渲染区域。而且有一套渲染规则，它决定了其子元素将怎样定位。以及和其它元素的关系和相互作用。BFC和IFC都是常见的FC。分别叫做Block Fomatting Context 和Inlin
转载
2016-04-15 12:16:00
79阅读
2评论
先说说FC，FC的含义就是Fomatting Context。它是CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。BFC和IFC都是常见的FC。分别叫做Block Fomatting Context 和Inline Formatting Context。 BFCBFC（Block Formattin...
转载
2021-06-30 15:13:35
127阅读
BFC ：块级格式化上下⽂，容器⾥⾯的⼦元素不会在布局上影响到外⾯的元素，反之也是如此(按照这个理念来想，只要脱离⽂档流，肯定就能产⽣BFC )。产⽣ BFC ⽅式如下 float 的值不为 none 。 overflow 的值不为 visible 。 position 的值不为 relative ...
转载
2021-06-09 00:21:00
172阅读
2评论
是常见的FC。分别叫做Block Fomatting Context 和Inline Formatting Context。 BFCBFC（Block Formattin...
转载
2022-03-29 15:52:13
255阅读
出处：https://www.jianshu.com/p/e75f351e11f8 表格比较： 名称 | 英文全称 | 含义 | | BFC | Block Formatting Contexts | 块级格式化上下文 IFC | Inline Formatting Contexts | 内联格式化
转载
2018-02-27 16:33:00
213阅读
2评论
什么是FC？ Formatting Context，格式化上下文，指页面中一个渲染区域，拥有一套渲染规则，它决定了其子元素如何，以及与其他元素的相互关系和作用。 BFC 什么是BFC Block Formatting Context，块级格式化上下文，一个独立的块级渲染区域，该区域拥有一套渲染规
转载
2018-11-05 20:09:00
198阅读
2评论
格式化上下文布局FC（Formatting Context）格式化上下文—— 一个
原创
2022-07-12 16:35:46
175阅读
IFCInline Formatting Contexts，也就是“内联格式化上下文”。符合以下任一条件即会生成一个IFC块级元素中仅包含内联级别元素形成条件非常简单，需要注意的是当IFC中有块级元素插入时，会产生两个匿名块将父元素分割开来，产生两个IFC，这里不做过多介绍。IFC布局规则子元素水平方向横向排列，并且垂直方向起点为元素顶部。 子元素只会计算横向样式空间...
转载
2022-03-29 14:18:09
148阅读
前言 盒子模型作为CSS基础中的基础，曾一度以为掌握了IE和W3C标准下的块级盒子模型即可，但近日在学习行级盒子模型时发现原来当初是如此幼稚可笑。本文尝试全面叙述块级、行级盒子模型的特性。作为近日学习的记录。何为盒子模型? 盒子模型到底
原创
2022-03-24 10:50:50
135阅读
什么是BFC？什么作用？ Block Formatting Context 块盒子布局发生的区域，浮动元素和其他元素交互的区域 浮动定位和清除浮动的时候只会应用于同一个BFC内的元素。浮动不会影响其他BFC中元素的布局，而清除浮动只能清除同一BFC中在它前面的元素的浮动。 外边距的折叠也只会发生在同 ...
转载
2021-04-10 00:34:00
242阅读
2评论
IFCInline Formatting Contexts，也就是“内联格式化上下文”。符合以下任一条件即会生成一个IFC块级元素中仅包含内联级别元素形成条件非常简单，需要注意的是当IFC中有块级元素插入时，会产生两个匿名块将父元素分割开来，产生两个IFC，这里不做过多介绍。IFC布局规则子元素水平方向横向排列，并且垂直方向起点为元素顶部。 子元素只会计算横向样式空间...
转载
2021-06-30 15:44:29
98阅读
BFC（Block Formatting Context）是指块级格式化上下文，它是 CSS 中的一个重要概念，用于控制块级盒子在布局时的行为。理解 BFC 对于处理布局、解决布局问题以及避免布局相关的 bug 非常重要。BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。创建BFC的一些方法高度坍塌父级元素无法撑起浮动子元素的高度。解决方法，父级元素添加属性overflo
原创
2024-03-19 18:12:22
43阅读
本文学习了css的布局，包括盒子内部的布局，盒子之间的布局，定位布局，浮动布局，块级格式化上下文，行内格式化上下文等。
原创
2022-01-18 09:21:51
125阅读
FC是Formatting Context的缩写，中文名：格式化上下文。是 W3C在CSS2.1 规范中的一个概念。
原创
2023-02-20 13:23:59
46阅读
BFC(边距重叠解决方案) 1、BFC的基本概念：块级格式化上下文 2、BFC的原理（说白了就是BFC的渲染规则）： 这个规则是什么呢？我觉得大家能说出4点就够了 第一个就是BFC可以解决这个元素的垂直的边距发生重叠的情况 第二个是BFC的区域不会与浮动元素的box重叠，这个肯定是用来清除浮动的。
转载
2018-12-18 07:07:00
168阅读
2评论
CSS之BFC理解BFC的介绍BFC是一种规则，就像孙悟空三打白骨精里面孙悟空划了一个圈让师父和师弟在圈里，这样子白骨精
原创
2022-11-17 00:18:00
87阅读
