前端里面的BFC是什么？

发布网友发布时间：2022-03-31 00:13

共3个回答

热心网友时间：2022-03-31 01:42

BFC（Block Formatting Context）直译为“块级格式化范围”。
是 W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。当涉及到可视化布局的时候，Block Formatting Context提供了一个环境，HTML元素在这个环境中按照一定规则进行布局。
一个环境中的元素不会影响到其它环境中的布局。比如浮动元素会形成BFC，浮动元素内部子元素的主要受该浮动元素影响，两个浮动元素之间是互不影响的。这里有点类似一个BFC就是一个独立的行政单位的意思。也可以说BFC就是一个作用范围。可以把它理解成是一个独立的容器，并且这个容器的里box的布局，与这个容器外的毫不相干

热心网友时间：2022-03-31 03:00

应该是 Block Formatting Context信息来源网络，希望能帮到你啥是Block Formatting Context当涉及到可视化布局的时候，Block Formatting Context提供了一个环境，HTML元素在这个环境中按照一定规则进行布局。一个环境中的元素不会影响到其它环境中的布局。为了让我们有个感性的认识，举个不太合适的例子。你可以把一个页面想象成大的集装箱，这个集装箱里装的货物就是HTML元素。在现实生活中为了避免不同人的货物相互混淆，都是把货物打好包装再装入集装箱，这样的话无论你包装里面的货物怎么摆放，都不会影响到其他人的货物。那么这个包装就可以被想象成Block Formatting Context。怎样才能形成Block Formatting Context当一个HTML元素满足下面条件的任何一点，都可以产生Block Formatting Context•float的值不为none。•overflow的值不为visible。•display的值为table-cell, table-caption, inline-block中的任何一个。•position的值不为relative和static。

热心网友时间：2022-03-31 04:35

网页链接