BFC块级格式化上下文

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了BFC块级格式化上下文相关的知识,希望对你有一定的参考价值。

1.触发BFC的条件如下:
1)浮动元素,float 除 none 以外的值;
2)绝对定位元素,position值为二者absolute,fixed之一;
3)Display值为三者inline-blocks,table-cells,table-captions之一;
4)Overflow值为三者hidden,auto,scroll之一。
2.BFC的特性
1)BFC可以阻止外边距折叠;
2)BFC可以包含浮动的元素;
3)BFC可以阻止元素被浮动元素覆盖。

以上是关于BFC块级格式化上下文的主要内容,如果未能解决你的问题,请参考以下文章

基础总结(02)--BFC(块级格式化上下文)

BFC 块级格式上下文的定义创建特点和常见用途

BFC 块级格式上下文的定义创建特点和常见用途

BFC 块级格式化上下文

BFC块级格式上下文

BFC块级格式化上下文