欢迎您访问 最编程 本站为您分享编程语言代码，编程技术文章！

热门搜索/Hot Search

您现在的位置是： 首页

BFC是什么？

最编程 2024-05-30 15:45:23
...

块级格式化上下文(Block formatting context)：BFC

  • 是web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。

创建BFC的方法：

  1. html标签是BFC盒子
  2. 浮动元素是BFC盒子
  3. 行内块元素是BFC盒子
  4. overflow属性取值不为visible。如：auto、hidden…
  5. ……

BFC盒子常见特点：

  1. BFC盒子会默认包裹住内部子元素（标准流、浮动）

上一篇： 分析 CSS 中的 BFC 和 IFC

下一篇： 前端面试 [CSS] - BFC 的渲染规则是什么？有哪些应用场景？

推荐阅读