开发者社区> 问答> 正文

什么是BFC

什么是BFC

展开
收起
茶什i 2019-11-18 14:58:13 1221 0
1 条回答
写回答
取消 提交回答
  • 什么是 BFC:
    BFC(Block Formatting Context)格式化上下文,是 Web 页面中盒模型布局的 CSS 渲染模式,指一个独立的渲染区域或者说是一个隔离的独立容器。

    形成 BFC 的条件:
    浮动元素,float 除 none 以外的值 定位元素,position(absolute,fixed) display 为以下其中之一的值 inline-block,table-cell,table-caption overflow 除了 visible 以外的值(hidden,auto,scroll) BFC 的特性

    内部的 Box 会在垂直方向上一个接一个的放置。 垂直方向上的距离由 margin 决定 bfc 的区域不会与 float 的元素区域重叠。 计算 bfc 的高度时,浮动元素也参与计算 bfc 就是页面上的一个独立容器,容器里面的子元素不会影响外面元素。

    2019-11-18 14:58:36
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载