css中的BFC是什么

css中的BFC是什么？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。BFC即块格式化上下文（block formatting context） 是页面 CSS 视觉渲染的一部分。它是用于决定块盒子的布局及浮动相互影响的一个区域。我的理解：BFC是一个环境，在这个环境中的元素不会影响到其他环境中的布局，也就是说，处于不同BFC中的元素是不会互相干扰的。作用：1、阻止外边距折叠两个相连的块级元素在垂直上的外边距会发生叠加，有些把这种情况看作是bug，但我觉得可能是出于段落排版的考虑，为了令行间距一致才有的这一特性。我们先来看看例子：从上面可以看出，我们给两个p元素都设置margin,但中间的间距却发生了折叠。然后举个BFC的例子：从上面可以看出，我们为每个div元素设置overflow的值为hidden,产生一个块级格式上下文，因为外边距不会相互重叠。2、BFC可以包含浮动的元素从运行结果可以看出，如果块级元素里面包含着浮动元素会发生高度塌陷，但是将它变成一个BFC后，BFC在计算高度时会自动将浮动元素计算在内。3、BFC可以阻止元素被浮动元素覆盖从上面看出，当元素浮动后，会与后面的块级元素产生相互覆盖。那怎么解决这个问题，只要为后面的元素创建一个BFC。添加ove免费云主机、域名rflow属性到box2上。这样子阻止了浮动元素重叠的问题。看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注云技术行业资讯频道，感谢您对云技术的支持。

相关推荐: linux中如何使用Batstat命令查看笔记本电池状态

小编给大家分享一下linux中如何使用Batstat命令查看笔记本电池状免费云主机、域名态，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！batstat是一个在 Linux 终端打印电池信息的命令行工具。Linux是一种免费使用和自由传播的类U…