css块级格式化上下文BFC

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

BFC渲染区域

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

1.根元素

2.浮动和绝对定位元素

3.overflow不等于visible的块盒

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

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

具体规则：

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

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

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

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

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

CSS制作Web页面条纹背景样式的介绍

CSS3定位和浮动的介绍

以上就是css块级格式化上下文BFC的详细内容，更多请关注php中文网其它相关文章！