Rumah  >  Artikel  >  hujung hadapan web  >  css块级格式化上下文BFC

css块级格式化上下文BFC

不言
不言asal
2018-07-09 17:38:291678semak imbas

这篇文章主要介绍了关于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定位和浮动的介绍

Atas ialah kandungan terperinci css块级格式化上下文BFC. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn