BFC是什么，怎么样形成BFC，BFC有什么作用？ BFC （Block Formatting Context） 是块级格式化上下文，是Web页面中盒模型布局的CSS渲染模式，是一个隔离的独立容器。 怎样形成一个BFC？ 由以下之一创建： 浮动：float元素除了none以外。绝对定位的元素非块级元素具有 display: inline-block，table-cell,flex等。块级元素具有overflow ，且值不是 visible BFC用处 清除浮动，给父元素添加overflow:hidden。因为计算BFC的高度时，浮动元素也参与计算。用于两栏自适应布局防止垂直margin合并
BFC（Block Formatting Context）是CSS布局中的关键概念，它决定了元素如何在页面上排列。当元素满足如浮动、绝对定位、特定display属性或overflow不为visible时，会创建BFC。BFC的主要作用包括清除浮动，确保父元素包含其浮动子元素，实现两栏自适应布局，以及防止相邻元素的垂直margin合并。了解并巧妙运用BFC，能有效提升网页布局的可控性和稳定性。
扫一扫
759
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
