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

為什麼CSS 中的邊距/填充百分比與寬度相關

CSS 盒子模型定義邊距和填充百分比是根據寬度計算的填充百分比是根據寬度計算的填充百分比是根據寬度計算的填充百分比是根據寬度計算的填充百分比是根據寬度計算的填充百分比是根據寬度計算的填充百分比是根據寬度計算的填充百分比是根據寬度計算的填充百分比是根據寬度計算的填充百分比是根據寬度計算的填充百分比是根據寬度計算的填充百分比是根據寬度計算的填充百分比是根據寬度計算的填充百分比是根據寬度計算的填充百分比是根據寬度計算的填充百分比是根據寬度計算包含塊的。這種奇怪的行為引發了對其基本原則的質疑。

CSS 盒子模型規範的強調摘錄

「[margin]百分比是根據寬度計算的請注意，對於“margin-top”和“margin-bottom”來說，這是正確的。 >推理猜想

對父母身高的影響作為限制因素

一個毫無根據的猜想表明該決定可能源於對高度計算的擔憂。元素高度通常由其子元素的高度定義。如果 padding-top 以相對於父級高度的百分比套用，它將影響父級的高度。但是，由於孩子的身高取決於父母的身高，反之亦然，這會導致依賴循環或高度計算不準確。

嵌套場景注意事項

此當父母的身高取決於孩子的身高並且孩子的身高取決於父母的身高時，這一問題尤其重要（例如，偏移父級=== 父級）。由於依賴循環或無限計算，解決此類情況變得具有挑戰性。

範例

考慮以下程式碼片段：

在此例如，內部div 的上邊距計算為父div 寬度(200px)的10%，結果是20 像素邊距。

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