为什么 CSS2.1 中的非'可见”溢出值会创建新的块格式化上下文？

为什么 CSS2.1 定义“Visible”以外的溢出值来建立新的块格式化上下文？

理解问题：

CSS2.1 指定“visible”以外的溢出值创建新的“块格式化上下文” （BFC）。但这个定义引起了人们的关注，因为溢出旨在隐藏溢出而不改变布局。

决策背后的基本原理：

该规范背后的推理主要围绕影响关于滚动内容。如果没有此规则，与可滚动元素相交的浮动将要求浏览器在滚动过程中不断重新包装内容，从而严重影响性能。

滚动的影响：

这里这个决定如何影响不同的溢出值：

• 溢出：自动或滚动： 在这种情况下，内容可以滚动但不能与浮动相交。这可以防止内容在滚动过程中被浮动遮挡。
• 溢出：隐藏：虽然内容无法可见滚动，但仍然可以通过 JavaScript 滚动。溢出：隐藏类似地阻止浮动与内容相交。

一致性和框行为：

为“可见”以外的溢出值建立 BFC 可确保一致性。它将整个盒子推离浮子以创建一条清晰的路径。无论任何明确的属性如何，都会发生这种情况。此外，由于CSS2.1中引入的更改，由overflow创建的块格式化上下文根（例如，具有overflow：auto的元素）可以垂直拉伸以适应其浮动的高度。

以上是为什么 CSS2.1 中的非'可见”溢出值会创建新的块格式化上下文？的详细内容。更多信息请关注PHP中文网其他相关文章！