关于 CSS 布局中的 BFC ，描述错误的是_4399游戏笔试题

推荐

.H.′

BFC就是“块级格式化上下文”的意思，创建了 BFC的元素就是一个独立的盒子，不过只有Block-level box可以参与创建BFC，它规定了内部的Block-level Box如何布局，并且与这个独立盒子里的布局不受外部影响，当然它也不会影响到外面的元素。

内部的Box会在垂直方向，从顶部开始一个接一个地放置。

Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生叠加

每个元素的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。

BFC的区域不会与float box叠加。

BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然。

计算BFC的高度时，浮动元素也参与计算。

http://sentsin.com/web/529.html

编辑于 2017-03-19 09:13:38 回复(0)

马月月

这里应该加一个条件，这里说的浮动元素和BFC之间是同级的关系，利用BFC这个特点来避免文字环绕（我又搜出了这篇文章https://segmentfault.com/a/1190000003068557#articleHeader6），---如果是父元素（为什么我会想到这个-_-），父BFC当然会和子浮动元素重叠，你蹦上天你爸爸还是你爸爸。

发表于 2017-03-15 18:59:55 回复(0)

一口吃成个胖子

A. BFC的区域会与float的元素区域重叠
这句话的意思就是设置了BFC的父盒子中的浮动子元素不会产生margin-top带来的塌陷问题

发表于 2018-04-29 12:15:45 回复(0)

阿胜4K

百度了很多BFC的内容，总结了一篇笔记。

http://www.cnblogs.com/asheng2016/p/7281784.html

发表于 2017-08-03 20:45:35 回复(4)

Merlin_淼

http://www.jianshu.com/p/76484dff1cb5

很详细的解释

发表于 2017-06-29 10:46:57 回复(0)

熊在匣子里

BFC全称”Block Formatting Context”, 中文为“块级格式化上下文”。 BFC元素特性表现原则就是，内部子元素再怎么翻江倒海，翻云覆雨都不会影响外部的元素。所以，避免margin穿透啊，清除浮动什么的也好理解了。什么时候会触发BFC呢？常见的如下： float的值不为none。 overflow的值为auto,scroll或hidden。 display的值为table-cell, table-caption, inline-block中的任何一个。 position的值不为relative和static。 BFC特性很多，而我们这里，只关心一个，和float元素做相邻兄弟时候的表现。如果是上面介绍的流体特性div, 当其和浮动元素当兄弟的时候，是覆盖的关系（可以脑补下文字环绕图片效果）。但是，元素BFC化后，本着“里面惊天抱诈（和谐）炸成鬼，外面依然泰然钓大鱼”的原则，自然是不会与浮动重叠的（你想啊，要是出来个clear:both还不跟外面浮动干上一架啊），因此，块状相邻，点击下面按钮感受下。

发表于 2017-03-23 17:40:51 回复(0)

DOUBLEMINT€

块级就说明是一个独立的容器，不影响其他元素，所以不可能与float重叠

发表于 2019-07-04 15:42:26 回复(0)

非白羊

BFC就是“块级格式化上下文”的意思，创建了 BFC的元素就是一个独立的盒子，不过只有Block-level box可以参与创建BFC，它规定了内部的Block-level Box如何布局，并且与这个独立盒子里的布局不受外部影响，当然它也不会影响到外面的元素。内部的Box会在垂直方向，从顶部开始一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生叠加每个元素的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。 BFC的区域不会与float box叠加。 BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然。计算BFC的高度时，浮动元素也参与计算。

发表于 2017-01-25 12:01:39 回复(0)

色昏

BFC全称”Block Formatting Context”, 中文为“块级格式化上下文”。 BFC元素特性表现原则就是，内部子元素再怎么翻江倒海，翻云覆雨都不会影响外部的元素。所以，避免margin穿透啊，清除浮动什么的也好理解了。什么时候会触发BFC呢？常见的如下： float的值不为none。 overflow的值为auto,scroll或hidden。 display的值为table-cell, table-caption, inline-block中的任何一个。 position的值不为relative和static。 BFC特性很多，而我们这里，只关心一个，和float元素做相邻兄弟时候的表现。如果是上面介绍的流体特性div, 当其和浮动元素当兄弟的时候，是覆盖的关系（可以脑补下文字环绕图片效果）。但是，元素BFC化后，本着“里面惊天抱诈（和谐）炸成鬼，外面依然泰然钓大鱼”的原则，自然是不会与浮动重叠的（你想啊，要是出来个clear:both还不跟外面浮动干上一架啊），因此，块状相邻，点击下面按钮感受下。

发表于 2019-05-06 17:38:32 回复(1)

我犹豫了半天

浮动元素再是浮动，它也不会超出他的父类，哎，逃不出人家的魔爪的。

重叠就是突出来了。

发表于 2017-09-06 20:36:04 回复(0)

未忆wy

BFC：“块级格式化上下文”，创建BFC的元素是一个独立的盒子，只有Block-level box可以参与创建BFC，它规定了内部的Block-level Box如何布局，并且与这个独立盒子里的布局不受外部影响，也不会影响到外面的元素。内部的Box会在垂直方向，从顶部开始一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生叠加。每个元素的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。BFC的区域不会与float box叠加。BFC是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然。计算BFC高度时，浮动元素也参与计算。

发表于 2019-03-17 15:31:30 回复(0)

子木311

http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html

发表于 2017-08-28 15:41:50 回复(0)

牛客1131738号

A

发表于 2016-12-13 23:34:29 回复(0)

牛客351353207号

注意是选择错误的

发表于 2022-04-24 14:25:51 回复(0)

一个好名字

不重叠

发表于 2019-05-01 15:05:08 回复(0)

不愿停

总结的笔记https://mp.csdn.net/mdeditor/81661456

发表于 2018-08-14 10:00:09 回复(0)

彼時•彼岸

BFC表示块级的话，如果子元素为浮动元素的话不是会无法撑起父元素的高度，需要进行清除浮动的吗？为什么浮动元素还参与高度计算？

发表于 2018-02-02 18:34:11 回复(0)

蒋斌2

BFC就是“块级格式化上下文”的意思，创建了 BFC的元素就是一个独立的盒子，不过只有Block-level box可以参与创建BFC，它规定了内部的Block-level Box如何布局，并且与这个独立盒子里的布局不受外部影响，当然它也不会影响到外面的元素。内部的Box会在垂直方向，从顶部开始一个接一个地放置。 Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生叠加每个元素的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。 BFC的区域不会与float box叠加。 BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然。计算BFC的高度时，浮动元素也参与计算。 http://sentsin.com/web/529.html

发表于 2017-11-02 14:48:46 回复(0)

GDragonPuls

BFC就是“块级格式化上下文”的意思，创建了 BFC的元素就是一个独立的盒子，不过只有Block-level box可以参与创建BFC，它规定了内部的Block-level Box如何布局，并且与这个独立盒子里的布局不受外部影响，当然它也不会影响到外面的元素。

内部的Box会在垂直方向，从顶部开始一个接一个地放置。

Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生叠加

每个元素的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化，否则相反)。即使存在浮动也是如此。

BFC的区域不会与float box叠加。

BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之亦然。

计算BFC的高度时，浮动元素也参与计算。

发表于 2017-09-21 14:05:44 回复(0)

关于 CSS 布局中的 BFC ，描述错误的是

问题信息

热门推荐

相关试题