BFC,IFC,GFC,FFC

最新推荐文章于 2024-05-22 19:52:15 发布
最新推荐文章于 2024-05-22 19:52:15 发布
阅读量633 收藏 1
点赞数
分类专栏： 前端知识 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42388524/article/details/112074851
版权

BFC

BFC是块级格式上下文，
block formatting context 就是页面的一个隔离的渲染区域，容器里面的子元素不会再布局上影响外面的元素

IFC

IFC是内联格式上下，
inline formatting context IFC的线框高度由其包含行内的元素中最高的高度而计算而来

GFC

GFC是网格布局格式化上下文，
GridLayout Formatting Context当一个元素被设为grid的时候，该元素会获得一个独立的渲染区域，我们可以通过网格容器定义行和列。

FFC

FFC是自适应格式化上下文，
当一个元素被设置为flex，该元素会就会生成自适应容器，

触发BFC的条件:

1：body根元素
2：浮动元素：float除了none之外的值
3:绝对定位：position(absolute fixed)
4:display为inline-block ,table-cells,flex
5:overflow除了visible以外的值

猛男程序猿
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
GRACE专题--提供一个转换ICGEM网站的gfc文件为mat的代码
weixin_43047707的博客
10-09 1261
MATLAB程序 GRACE数据处理 ICGEM网站 gfc数据处理
【CSS】讲一讲BFC、IFC、GFC、FFC
weixin_45620943的博客
01-08 2391
FC（Formatting Contexts），是CSS2.1的一个概念，是页面中的一块渲染区域，具有一套渲染规则，决定FC中子元素如何定位，以及和其他元素的关系和相互作用。在说FC之前说一下文档流。
模型 FFC(感受 事实 比较)法则
最新发布
wangdsh的博客
05-22 1105
FFC法则是一种赞美和沟通技巧，它可以帮助人们以一种更真诚、更具体、更有效的方式表达赞美。Feeling（感受）：首先表达你的感受，让对方知道你对他们的某种行为或特征的正面反应。这是赞美的起点，可以迅速拉近与对方的关系。Fact（事实）：接着提供具体的事实或例子，支持你的感受。这可以是对方的行为、成就或特质的具体描述，让赞美更加具体和真实。Compare（比较）：最后通过与其他人或事物的比较，来强调被赞美者的独特之处或优势。这种比较可以是直接的，也可以是间接的，目的是突出对方的特殊性和价值。
学前端的你了解这些知识吗？——BFC、IFC、GFC、FFC
weixin_53515924的博客
03-29 2763
前端人员都应该了解的知识——BFC、IFC、GFC 和 FFC 前言 想要了解BFC、IFC、GFC、FFC，就必须先要了解FC。 FC的全称是：Formatting Contexts（格式化上下文），它是W3C规范中的一个概念。简单来说，它是页面中的一块渲染区域，并且有自己的一套渲染规则，它决定了其子元素如何定位，以及和其他元素的关系和相互作用。需要注意的是，它并不会影响区域外的元素 前置概念 先让我们了解几个基本概念 1、Box 简单来说，我们的web页面是由一个个BOx组合而成的，而display等
介绍下BFC，IFC，GFC和FFC
t13965688123的博客
05-12 1946
这里写目录标题一、BFC1、BFC 由以下之一创建2、BFC布局规则：2.1、内部的 Box 会在垂直方向，一个接一个地放置。2.2、Box 垂直方向的距离由 margin 决定。属于同一个 BFC 的两个相邻 Box 的 margin 会发生重叠。2.3、每个元素的左外边缘（margin-left)， 与包含块的左边（contain box left）相接触（对于从左往右的格式化，否则相反），即使存在浮动也是如此。除非这个元素自己形成了一个新的 BFC。2.4、BFC 的区域不会与 float box 重
FPC与FFC的区别
slj_win的专栏
06-26 9957
前天一客户向我们咨询测试治具。跟电子厂打过交道的应该知道PCB和FPC，我也是第一次听说过FFC，还自以为是的纠正客户那是FPC，造成一场不大不小的尴尬。两者什么区别？   FPC，Flexible Printed Circuit，柔性印制电路板，有些人叫软板，当然这是行话了，我一开始也不知道什么叫软板。后来看见实物，才一下子明白，这就是像塑料纸一样的电路板啊。我们平时看到的电脑里
浅析CSS里的BFC和IFC的用法
09-24
主要介绍了浅析CSS里的BFC和IFC的用法的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
CSS布局基础BFC
09-27
浮动，蓝色的父元素高度就会塌陷，但如果我们让这个父元素成为一个BFC，这个问题就能得到解决。CSS Code复制内容到剪贴板1. .parent { 2. overflow: hidden; /* 创建BFC */ 3. background-color: blue; 4. } 5. ....
BFC实现自适应两栏布局
01-20
**BFC（Block Formatting Contexts）** 是CSS布局中的一个重要概念，它定义了块级元素如何在其内部和周围元素交互。BFC可以帮助我们解决许多布局问题，比如**高度塌陷**，并能实现如自适应两栏布局等复杂的布局模式...
静态补充CSS之IFC、FFC、GFC讲解
weixin_45343878的博客
08-21 226
Web页面的布局，常见的主要有“浮动布局（float）”、“定位布局（position）”、“行内块布局（inline-block）”、“CSS3的多栏布局（Columns）”、“伸缩布局（Flexbox）”以及“网格布局（Grids）”等。 IFC简介 IFC简介：行级格式化上下文Inline Formatting Context IFC布局规则： ①在一个行内格式化上下文中，盒是一个接一个水平...
EGM96（格式为gfc）
04-10
全球超高阶地球重力场模型,该模型的阶次完全至2 159 (另外球谐系数的阶扩展至2 190,次为2 159),相当于模型的空间分辨率约为5′(约9 km)。该模型采用了GRACE卫星跟踪数据( ITG-GRACE03S位系数信息以及相应的协方差信息)、卫星测高数据和地面重力数据等,该模型无论在精度还是在分辨率方面均取得了巨大进步,采用该模型以及GPS/水准数据有望获得更高精度的区域似大地水准面。
FFC/FPC连接器封装带3D（4-20脚）
04-27
FFC/FPC软排线接口PCB封装，带3D预览，4脚-20脚常用脚位数，间距0.5mm；Altium Designer软件
FFC封装库，很全
04-10
ffc全系列，包含了很多类似的封装，偷懒的通知下载吧
ccf-压缩编码
srg1011的博客
03-09 621
原题： 问题描述 试题编号： 201612-4 试题名称： 压缩编码 时间限制： 3.0s 内存限制： 256.0MB 问题描述： 问题描述 　　给定一段文字，已知单词a1, a2, …, an出现的频率分别t1, t2, …, tn。可以用01串给这些单词编码，即将每个单词与一个01串对应，使得任何一个单词的编码（对应的
CSS之BFC、IFC、GFC和FFC
tianxieliuhong的博客
11-28 5352
前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　   盒子模型作为CSS基础中的基础，曾一度以为掌握了IE和W3C标准下的块级盒子模型即可，但近日在学习行级盒子模型时发现原来当初是如此幼稚可笑。本文尝试全面叙述块级、行级盒子模型的特性。作为近日学习的记录。 何为盒子模型?　　　　　　　　　　　　　　　　　　　　　　　　　　　     盒子模型到底何方神圣居然可以作为C
BFC、IFC、GFC、FFC
sunny_night的博客
07-25 654
BFC BFC是浏览器在践行渲染标准的时候的术语。为什么这么说呢？ BFC有几个参数组成： 1、Box：css布局的基本单位。 Box是css布局的对象和基本单位。直观来说，就是一个页面是由很多个Box组成的。元素的类型和display属性，决定了这个Box的类型。不同类型的Box，会参与不同的Formating Context（一个决定如何渲染文档的容器）,因此Box内的元素会以...
什么是 BFC、IFC、GFC 和 FFC 以及其布局规则和用处
weixin_45531741的博客
12-27 1085
什么是 BFC、IFC、GFC 和 FFC 以及其布局规则和用处Box 和 FC（即 formatting context）BFC布局规则IFC布局规则GFC布局规则FFC布局规则 Box 和 FC（即 formatting context） Box 一个页面是由很多个 Box 组成的，元素的类型和 display 属性决定了这个 Box 的类型。不同类型的 Box，会参与不同的 Formatting Context。 Block level的box会参与形成BFC，比如display值为block，lis
css----BFC,IFC,GFC，FFC的区别
Seeyoucm
04-16 1002
BFC,IFC,GFC，FFC的区别
前端中BFC，IFC，GFC，FFC分别表示什么意思
02-17
在前端开发中，BFC、IFC、GFC、FFC 是指不同的 CSS 布局上下文，它们分别代表： 1. BFC（块级格式化上下文）：是一个独立的块级渲染区域，具有一定的布局规则，内部的块级元素会按照一定的规则进行排列。BFC 的特点...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值