為什麼 CSS 中的邊距和填充總是根據寬度而不是高度來計算？
在 CSS 盒模型中，邊距和填充的百分比是相對於父元素的寬度計算的。這種特性源自於父元素和子元素高度之間的相互依賴。
如果填滿百分比是基於高度，則可能會建立遞歸循環。考慮一個相對於其父元素具有 10% 頂部填充的元素。此填充會增加元素的外觀高度，從而影響其父元素的高度。然而，父級的高度依賴於子級的高度，而子級的高度又受到父級內邊距的影響。
這種相互依賴的關係要麼導致高度值不準確，要麼在元素調整高度時導致無限循環基於另一個。為了避免這種不穩定性，CSS 規格規定邊距和填充百分比始終引用寬度而不是高度。
這個設計決策看起來可能違反直覺，但它確保了 CSS 盒子模型內的連貫性和可預測性。它可以防止高度受到其無法控制的元素的影響，從而實現穩定的佈局計算。
以上是為什麼 CSS 邊距和填滿使用寬度而不是高度來計算百分比？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
