本文深入解析了BFC（Block Formatting Context）的概念，介绍了其作为独立渲染区域的特性，包括内部Box的垂直排列方式、与浮动元素的关系以及如何通过特定属性触发BFC。BFC能够帮助解决网页布局中的一些常见问题。
今天认识了一个概念 BFC
bfc格式化上下文，指一个独立的渲染区域。
bfc的特性：
内部的Box会在垂直方向上一个接一个的放置。
垂直方向上的距离由margin决定
bfc的区域不会与float的元素区域重叠。
计算bfc的高度时，浮动元素也参与计算
bfc就是页面上的一个独立容器，容器里面的子元素不会影响外面元素。
触发bfc的元素：
根元素
float的值不为none
overflow的值不为visible
display的值为inline-block、table-cell、table-caption
position的值为absolute或fixed。
扫一扫
3070
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
