BFC(Block Formatting Context)，翻译成块级格式化上下文，它就是一个环境，HTML元素在这个环境中按照一定规则进行布局。一个环境中的元素不会影响到其它环境中的布局。
float的值不为none
position的值不为static或者relative
display的值为 table-cell, table-caption, inline-block, flex, 或者 inline-flex中的其中一个
overflow的值不为visible
BFC可以被显式的触发。如果想要创建一个新的BFC，只需要给它添加上面提到的任何一个CSS样式就可以了。
1.在一个块级排版上下文中，盒子是从包含块顶部开始，垂直的一个接一个的排列的。每个盒子的左外边是触碰到包含块的左边的（对于从右向左的排版，则相反）
2.相邻两个盒子之间的垂直的间距是被margin属性所决定的，在一个块级排版上下文中相邻的两个块级盒之间的垂直margin是折叠的（也就是我们常说的外边距合并）。
关于BFC BFC 定义: BFC(Block formatting context)块级格式化上下文：比如设置了...
关于 BFC 的布局应用：清除浮动、文字环绕 参考文档：理解CSS中BFC BFC（Block Formattin...
阅读本篇文章,你将大致了解到BFC的作用 关于BFC的知识 BFC(block formatting contex...
BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用...
BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用...
BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用...
BFC 块格式化上下文 创建BFC的情况（指路） BFC是盒子元素布局的区域以及浮动元素与其他元素交互的区域，是一...
BFC BFC 全称 Block Formatting Context。每个渲染区域用formatting con...
BFC 是什么？ 首先BFC(Block Formatting Contexts)中文是块级格式化上下文。BFC是...
什么是BFC bfc( 块级格式化范围 )是web页面中盒模型布局的CSS渲染模式，他决定了元素如何对其内容进行定...
本文标题：关于BFC
本文链接：https://www.haomeiwen.com/subject/qvcqixtx.html
网友评论