当前位置: 首页 > Web前端 > CSS

浅谈BFC

时间:2023-03-31 13:38:16 CSS

1:什么是BFC?W3C规范中,浮动元素和绝对定位元素、非块级框的块级容器(例如:inline-block、table-ceils和table-captions),以及overflow值为非的块级元素“visiable”会为其内容创建一个新的BFC,它是块格式化上下文(block-levelformattingcontext)的缩写。在块级格式化上下文中,框从包含块的顶部开始一个接一个地垂直放置。两个兄弟框之间的垂直度由“边距”属性决定。合并同一块格式化上下文中相邻块级框之间的垂直边距。在块格式化上下文中,每个框的左边缘接触包含块的左边缘。即使存在浮动,这也适用。除非框建立新的块格式化上下文(在这种情况下,框本身可能会因浮动而变窄)。2、BFC的作用。功能一:用BFC包裹浮动元素。功能二:兄弟之间划清界限。