什么是CSS的BFCBFC(BlockFormattingContext)块级格式化上下文首先,格式化上下文是由一组CSS规范定义的页面渲染区域,有自己的渲染规则(定位,子元素之间的关系),那么BFC是格式化上下文之一,具有BFC特性的元素可以看做是一个大容器,里面子元素的布局不会影响到外面的元素元素如何具有BFC特性当元素是根元素时HTML,它自动具有BFC特性当元素设置为绝对定位元素时(position:fixed,absolute)当元素设置为float:none元素以外的浮动元素时当元素设置了overflow属性时,并且value不可见,如何应用元素的BFC特性来解决上下边距重叠问题的原因:当我们定义两个块级元素时,上边距d它们之间的下边距将重叠。这是因为根元素有BFC特性,会重叠两个块级元素的上下边距:如果你想让它们之间的上下边距不重叠,就需要为它们具备BFC特性eg.
