开发者社区> 问答> 正文

对BFC规范(块级格式化上下文:block formatting context)的理解?

已解决

对BFC规范(块级格式化上下文:block formatting context)的理解?

展开
收起
pandacats 2019-12-10 15:14:55 862 0
1 条回答
写回答
取消 提交回答
  • 采纳回答

    BFC规定了内部的Block Box如何布局。 定位方案:

    内部的Box会在垂直方向上一个接一个放置。

    Box垂直方向的距离由margin决定,属于同一个BFC的两个相邻Box的margin会发生重叠。

    每个元素的margin box 的左边,与包含块border box的左边相接触。

    BFC的区域不会与float box重叠。

    BFC是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。

    计算BFC的高度时,浮动元素也会参与计算。

    满足下列条件之一就可触发BFC

    根元素,即html

    float的值不为none(默认)

    overflow的值不为visible(默认)

    display的值为inline-block、table-cell、table-caption

    position的值为absolute或fixed

    2019-12-10 15:15:10
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

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