Formatting Context：指页面中一个渲染区域，并且拥有一套渲染规则，他决定了其子元素如何定位，以及与其他元素的相互关系和作用。
BFC 即 Block Formatting Contexts 块级格式化上下文，它是指一个独立的块级渲染区域,该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关。
body 根元素
浮动元素：float 除 none 以外的值
绝对定位元素：position (absolute、fixed)
display 为 inline-block、table-cells、flex
overflow 除了 visible 以外的值 (hidden、auto、scroll)
MDN文档上还有其他几个
不产生边距重叠
消除高度塌陷
不与float box重叠
1.我对BFC的理解
3.MDN
1.什么是BFC? Formatting Context：指页面中一个渲染区域，并且拥有一套渲染规则，他决定了其子...
一、理解BFC概念 BFC是一个封闭独立的盒子，无论盒子里的元素怎么运作，都不会影响外部的元素，内部元素也不受外界...
BFC BFC（Block Formatting Contexts），块级格式化上下文 盒模型 CSS盒模型描述了...
CSS系列??? 10 分钟理解 BFC 原理 JavaScript系列学习??? 进阶篇 ? JavaScirp...
两栏布局（bfc）demo 原理：BFC的区域不会与float box重叠。通过触发main生成BFC， 来实现自...
关于 BFC 的布局应用：清除浮动、文字环绕 参考文档：理解CSS中BFC BFC（Block Formattin...
BFC基本概念：块级格式化上下文。BFC的原理： 在BFC这个元素的垂直方向的边距发生重叠； BFC的区域不会与浮...
描述BFC（块格式化上下文）及其工作原理。 BFC 即 Block Formatting Contexts (块级...
一、BFC是什么 BFC(box formatting context)，要了解BFC是什么需要先理解box和fo...
BFC全称是Block Formatting Context，即块格式化上下文，是 W3C CSS2.1 规范中的...
本文标题：理解BFC原理
本文链接：https://www.haomeiwen.com/subject/nhgkzxtx.html
网友评论