首页 >web前端 >css教程 >css块级格式化上下文BFC

css块级格式化上下文BFC

不言
不言原创
2018-07-09 17:38:291758浏览

这篇文章主要介绍了关于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中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn