為什麼 CSS 邊距和填充百分比與寬度相關，而不是與高度相關？

為什麼CSS 中的邊距/填充的百分比是相對於寬度的

問題：

為什麼邊距/填充的百分比是相對於寬度的CSS中的填充是根據包含塊的寬度而不是其寬度來計算的height?

答案：

雖然沒有官方文檔解釋確切的原因，但一個合理的解釋是CSS 盒模型在計算時可能存在遞歸依賴帶有百分比的高度。

想像一個元素，其 padding-top 或 padding-bottom 設定為 10%它的父母的身高。此填充將影響父元素的高度，而父元素的高度取決於子元素的高度。這會創建一個循環，導致高度計算不準確或無限循環。

為了避免這種循環依賴，CSS 規範規定根據包含區塊的寬度計算邊距和填充百分比，從而破壞循環並確保佈局計算的一致性。

以上是為什麼 CSS 邊距和填充百分比與寬度相關，而不是與高度相關？的詳細內容。更多資訊請關注PHP中文網其他相關文章！