Open asdzxc01 opened 3 years ago
Web 页面可视化 CSS 渲染的一部分,是块级盒子布局发生的区域,是浮动元素与其他元素交互的区域。
<html>
float
不为 none
)position
为 absolute
或 fixed
)display: table-cell
或 table-caption
)display: inline-block
)overflow
不为 visible
或 clip
display: flex
或 inline-flex
的直接孩子元素)我们通常创建 BFC 是为了不改变布局的情况下调整定位和清除浮动,因为 BFC 可以:
BFC, Block Formatting Contexts (块级格式化上下文),是页面中的一块渲染区域,有一套渲染规则,它决定子元素如何定位,以及和其他元素的关系和相互作用;属于普通流;
具有 BFC 特性的元素可以看作是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且 BFC 具有普通容器所没有的一些特性。
创建BFC的情况:
BFC的特性和应用:
什么是BFC?