大家好,今天小编来为大家解答以下的问题，关于bfc100个冷知识，bfc规则这个很多人还不知道，现在让我们一起来看看吧！

本文目录

1. bfc优缺点
2. bfc是什么
3. bfc规则特性
4. bfc什么意思

1.bfc全称Blockformattingcontext，块级格式化上下文，字面理解就是一个独立渲染的区域，里面的内容不受外界的影响。

2.一般设置了浮动，绝对定位/固定定位、dispaly的值为inline-block、table-cell、flex…或者元素设置了overflow的值除visible的情况下会产生。

3.一般用于清除浮动、设置左边固定大小，右边自适应布局，margin之间的层叠问题。

4.缺点的话因为我没有找到其他文献，我猜是bfc应该会引起重排，消耗性能吧。

BFC是基于反向传播算法（BackpropagationAlgorithm）的语言模型训练工具包，主要用于自然语言处理领域的深度学习任务。原因是BFC可以帮助研究者快速地训练出高质量的语言模型，节省了人力成本和时间成本。BFC采用了深度学习技术，在大规模数据上训练模型，能够捕捉到更为复杂的语言特征。延伸内容，BFC在实际应用中能够用于自然语言处理领域的多个任务，如文本分类、情感分析、命名实体识别等，具有广泛的应用前景。

一，BFC产生规则

1、根标签(body)

2、float的值不为none

3、overflow的值不为visible

4、display的值为inline-block

5、position的值为absolute或fixed

二，BFC的特性

1、垂直方向排列。（类似块级特性）

2、BFC内部每个内部标签都会与左边界相接触。（类似块级特性）

3、属于同一个BFC的两个块元素，垂直margin兄弟关系会折叠（正数以大值为准，有负数正常加减），父子关系会塌陷。

4、BFC区域不会与float的标签区域重叠。

5、浮动的标签也会被计算BFC高度。

6、BFC是独立容器，内部标签不会影响到外部标签

BFC即BlockFormattingContexts(块级格式化上下文)，它属于上述定位方案的普通流。

具有BFC特性的元素可以看作是隔离了的独立容器，容器里面的元素不会在布局上影响到外面的元素，并且BFC具有普通容器所没有的一些特性。

通俗一点来讲，可以把BFC理解为一个封闭的大箱子，箱子内部的元素无论如何翻江倒海，都不会影响到外部。

bfc100个冷知识和bfc规则的问题分享结束啦，以上的文章解决了您的问题吗？欢迎您下次再来哦！