首頁 > web前端 > css教學 > 為什麼將溢出設定為除「可見」之外的任何內容都會在 CSS2.1 中建立新的區塊格式上下文?

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

DDD
發布: 2024-12-10 09:14:12
原創
555 人瀏覽過

Why Does Setting Overflow to Anything But

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

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

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

如何實現有效

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

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

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

摘要

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

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板