您的当前位置:首页正文

css块级格式化上下文BFC

2020-11-27 来源:我们爱旅游

这篇文章主要介绍了关于css块级格式化上下文BFC,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

BFC渲染区域

这个区域由某个HTML元素创建,以下元素会在其内部创建BFC区域

1.根元素

2.浮动和绝对定位元素

3.overflow不等于visible的块盒

创建BFC的作用应用于它的子元素 独立的不同BFC区域,他们进行渲染时互不干扰

创建BFC的元素,隔绝了它内部和外部的联系,内部的渲染不会影响到外部

具体规则:

1.创建BFC的元素,它的自动高度需要计算浮动元素

2.创建BFC的元素,它的边框盒不会与浮动元素重叠

3.创建BFC的元素,不会和它的子元素进行外边距重合

display的一部分值也会自动创建BFC