CSS 中的 BFC(Block Formatting Context)是一种 CSS 盒子模型的渲染方式,它在文档中为盒子提供了一个上下文环境。这个上下文环境影响了盒子的布局表现和其与其他元素的关系
CSS 中的 BFC(Block Formatting Context)是一种 CSS 盒子模型的渲染方式,它在文档中为盒子提供了一个上下文环境。这个上下文环境影响了盒子的布局表现和其与其他元素的关系。
/*创建一个新的 BFC*/ .bfc { overflow: auto; }
当元素触发 BFC 时,它创建一个独立的渲染上下文,与文档流中的其他元素互相隔离,使其不会被其他元素影响,同时也不会影响其他元素。
BFC 具有以下表现方式:
BFC 的触发条件有多种,其中包括:
通过使用 BFC,可以控制元素的排版效果,避免一些常见的 bug,同时还可以提高页面的性能。
粉丝
0
关注
0
收藏
0