【Web前端基础】bfc的相关特性有什么

2020-12-03 11:18发布

站内问答 / Web前端
4870 14 12
14条回答
cc收获啦
2020-12-21 19:53

  1. 什么是BFC
    BFC（Block Formatting Context）块级格式化上下文，w3c文档描述：

9.4 Normal flow
Boxes in the normal flow belong to a formatting context, which may be block or inline, but not both simultaneously. Block-level boxes participate in a block formatting context. Inline-level boxes participate in an inline formatting context.

  1. 产生BFC
    1）根元素（默认情况下只有根元素，即body一个块级上下文）
    2）浮动元素，float 除 none 以外的值；
    3）定位元素，position为absolute，fixed；
    4）display 为 inline-block，table-cell，table-caption其中之一；
    5）overflow 为hidden，auto，scroll；


一周热门 更多>