为什么 CSS 中的边距和填充总是根据宽度而不是高度来计算？
在 CSS 盒模型中，边距和填充的百分比是相对于父元素的宽度计算的。这种特性源于父元素和子元素高度之间的相互依赖。
如果填充百分比基于高度，则可能会创建递归循环。考虑一个相对于其父元素具有 10% 顶部填充的元素。此填充会增加元素的外观高度，从而影响其父元素的高度。然而，父级的高度依赖于子级的高度，而子级的高度又受到父级内边距的影响。
这种相互依赖的关系要么导致高度值不准确，要么在元素调整高度时导致无限循环基于另一个。为了避免这种不稳定性，CSS 规范规定边距和填充百分比始终引用宽度而不是高度。
这种设计决策可能看起来违反直觉，但它确保了 CSS 盒模型内的连贯性和可预测性。它可以防止高度受到其无法控制的元素的影响，从而实现稳定的布局计算。
以上是为什么 CSS 边距和填充使用宽度而不是高度来计算百分比？的详细内容。更多信息请关注PHP中文网其他相关文章！
