哪些css属性可以产生bfc，css哪些属性可以继承哪些不可以

前端里面的BFC是什么?

1、BlockFormattingContext块级格式化布局，简称BFC。它是一块独立的渲染区域，这个区域决定了常规流块盒的布局。也就是说，BFC是一块区域，作用是决定常规流块盒的布局。

2、BFC（Block Formatting Context，块格式化上下文） 是Web页面的可视化CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。

3、总结：BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。它规定了元素与其他元素的关系和相互作用。

4、BFC是一个独立的布局环境，可以理解为一个容器，在这个容器中按照一定规则进行物品摆放，并且不会影响其它环境中的物品。如果一个元素符合触发BFC的条件，则BFC中的元素布局不受外部影响。

5、触发了BFC的容器就是页面上的一个完全隔离开的容器，容器里的子元素绝对不会影响到外面的元素，为了保证这个规则，触发了BFC的父元素在计算高度时，不得不让浮动的子元素也参与进来，变相的实现了清楚内部浮动的目的。

6、bfc的全称是Block Format Content，直译为“块级格式化上下文”，它是一个独立的渲染区域，只有Block level box参与，它规定了内部的Block level Box如何布局，并且与这个区域外部毫不相干。

相关问答

Q1: bfc的区域不会与float的元素区域重叠是什么意思

1、自适应两栏布局 我们还可以运用BFC可以阻止元素被浮动元素覆盖的特性来实现自适应两栏布局。

2、当一个元素的 float 属性的值不为 none 时（即值为 left 或者 right ），这个元素将脱离“标准流”，变成“浮动流”。“浮动流”的元素会覆盖在“标准流”元素的上方。

3、n 元素的子元素会一个接一个地放置。垂直方向上他们的起点是一个包含块的顶部，两个相邻的元素之间的垂直距离取决于 margin 特性。在 BFC中相邻的块级元素的垂直边距会折叠（collapse）。

Q2: 如何理解CSS布局和块级格式上下文_CSS教程_CSS_网页制作

1、实现块级元素的水平居中。方法一：margin：0 auto； 注意：如果块级元素是body的直接子元素，不设置宽，则默认100%，看不出效果；不设置高，且p中没有内容，则高度默认为0。因此，一定要同时设置块级元素的宽和高，这样才能看出来效果。

2、参考链接： CSS实现不换行/自动换行/文本超出隐藏显示省略号 object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。

3、制作div+css网页前思考布局：首先我们拿到一张网页美工图片我们将从上下、上中下、左右、上中（中包括左右）下布局框架来思考。

4、BFC是什么 Block Formatting Context （块格式化上下文）是 W3C CSS 1 规范中的一个概念，在CSS3中被修改为flow root。

5、css是网页表现与内容分离的一种样式设计语言，就比如每个人都有一双眼睛、两只耳朵、两个鼻孔、一个嘴巴，而长的丑的人只是他的面部样式不符合大众的审美观。

Q3: 为什么会有BFC?BFC是什么?如何触发?BFC解决了什么问题?

通俗的来说：BFC是一个独立的布局环境，我们可以理解为一个箱子（实际上是看不见摸不着的），箱子内部的元素不会影响到外部。

BFC是一个独立的布局环境，BFC内部的元素布局与外部互不影响；可以通过一些条件触发BFC，从而实现布局上的需求或解决一些问题；可以将BFC想象成一个工具，无需探究其定义，只要着重理解其功能（特性）即可。

元素如果创建了BFC，那么BFC决定了如何对其内容进行定位，以及它与其他元素的关系和相互作用。创建了BFC的元素会按照如下的方式对其子元素进行排列：n 元素的子元素会一个接一个地放置。

哪些css属性可以产生bfc的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于css哪些属性可以继承哪些不可以、哪些css属性可以产生bfc的信息别忘了在本站进行查找喔。