為什麼將溢出設定為除「可見」之外的任何內容都會在 CSS2.1 中建立新的區塊格式上下文？

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

在CSS2.1中，除了「visible」之外的溢出值」 被指定來建立一個新的區塊格式化上下文（BFC）。這可能令人費解，因為溢出的預期目的是隱藏溢出而不影響佈局。創建和溢出隱藏。原因

背後的基本原理決策主要源自於滾動內容。 （圍繞入侵的浮動）。這將有計算成本高昂且不利於滾動性能。 ”

如何實現有效

考慮以下場景：兩個固定高度的盒子，溢出設置為“可見”，其中第一個盒子包含一個超出父級高度的浮動：

當溢位保持為「可見」時，就沒有問題，因為內容不受滾動的影響。 。必須重新包裝內容以確保其保持可見。 另一個明顯的誤解是帶有溢出：隱藏的容器只是隱藏內容並且不能滾動。屬性以程式方式捲動內容。 BFC。中，包含了用於除“可見”導致元素與浮動交互方式的變化：

• 整個帶有溢出的盒子被推到了浮動的一邊，因為它創建了一個封裝其內容的 BFC。
• 高度為auto 的盒子和BFC 將垂直拉伸以容納浮動，而不是只是適合他們的流入

摘要

將BFC 建立連結到「可見」以外的溢出值的決定主要是出於效能考慮，並確保與程式設計的一致性滾動。儘管行為看似矛盾，但它有助於在涉及浮動的複雜場景中保持佈局和滾動的完整性。

以上是為什麼將溢出設定為除「可見」之外的任何內容都會在 CSS2.1 中建立新的區塊格式上下文？的詳細內容。更多資訊請關注PHP中文網其他相關文章！