為什麼 CSS2.1 中的非「可見」溢出值會建立新的區塊格式化上下文？

為什麼 CSS2.1 定義「Visible」以外的溢位值來建立新的區塊格式化上下文？

理解問題：

CSS2.1 指定「visible」以外的溢位值建立新的「區塊格式化上下文」（BFC）。但這個定義引起了人們的關注，因為溢出旨在隱藏溢出而不改變佈局。

決策背後的基本原理：

該規範背後的推理主要圍繞著影響關於滾動內容。如果沒有此規則，與可滾動元素相交的浮動將要求瀏覽器在滾動過程中不斷重新包裝內容，從而嚴重影響效能。

滾動的影響：

這裡這個決定如何影響不同的溢位值：

• 溢流：自動或滾動： 在這種情況下，內容可以滾動但不能與浮動相交。這可以防止內容在滾動過程中被浮動遮擋。
• 溢位：隱藏：雖然內容無法可見滾動，但仍可透過 JavaScript 捲動。溢出：隱藏類似地阻止浮動與內容相交。

一致性與框架行為：

為「可見」以外的溢位值建立 BFC 可確保一致性。它將整個盒子推離浮子以創建一條清晰的路徑。無論任何明確的屬性如何，都會發生這種情況。此外，由於CSS2.1中引入的更改，由overflow創建的區塊格式化上下文根（例如，具有overflow：auto的元素）可以垂直拉伸以適應其浮動的高度。

以上是為什麼 CSS2.1 中的非「可見」溢出值會建立新的區塊格式化上下文？的詳細內容。更多資訊請關注PHP中文網其他相關文章！