为什么 CSS 边距和填充百分比与宽度相关，而不是与高度相关？

为什么 CSS 中的边距/填充的百分比是相对于宽度的

问题：

为什么边距/填充的百分比是相对于宽度的CSS 中的填充是根据包含块的宽度而不是其宽度来计算的height?

答案：

虽然没有官方文档解释确切的原因，但一个合理的解释是 CSS 盒模型在计算时可能存在递归依赖带有百分比的高度。

想象一个元素，其 padding-top 或 padding-bottom 设置为 10%它的父母的身高。此填充将影响父元素的高度，而父元素的高度又取决于子元素的高度。这会创建一个循环，导致高度计算不准确或无限循环。

为了避免这种循环依赖，CSS 规范规定根据包含块的宽度计算边距和填充百分比，从而破坏循环并确保布局计算的一致性。

以上是为什么 CSS 边距和填充百分比与宽度相关，而不是与高度相关？的详细内容。更多信息请关注PHP中文网其他相关文章！