Html 填充使用框大小：边框框替代元素的高度

在下面的代码段中，padding top覆盖容器的

高度

和

最大高度

属性：

我希望这个

是10px高，但它是100px，因为

填充了顶部

据我所知，这应该通过框大小：边框框来解决，但这没有帮助

。填充测试{
背景：线性梯度（109deg，#3adffd，#00abfb）；
外形：1px实心#3b3c6d；
宽度：100%；
填充顶部：100px；
最大高度：10px；
高度：10px；
框大小：边框框；
}

---

您想实现什么？

边框框

不会改变任何东西，因为您的顶部填充超过了元素的定义高度。你的意思是用页边空白代替页边空白吗？我觉得这可能是一个XY问题：你到底想实现什么？@Terry@Thielicious我在尝试更改按纵横比大小的盒子的最大高度时遇到了这个问题。这个问题已经解决了，但是我想了解

边框框的行为如果你检查元素，你会发现它的高度是100px<代码>边框框

在高度计算中包含填充，因此您在CSS中的意思是：将此元素设为10px高，包括100px填充。如果设置“最大高度”，则渲染为100px的高度填充不会塌陷。没有“最大填充”或任何您希望适合的框大小：边框框设置：（你想实现什么？

边框框

不会改变任何东西，因为你的顶部填充超过了元素的定义高度。你想改用边距顶部吗？我觉得这可能是一个XY问题：你到底想实现什么？@Terry@Thielicious我在尝试更改最大高度时遇到了这个问题对于按纵横比调整大小的框，这个问题已经解决，但我想了解

边框框

的行为如果你检查元素，你会发现它是100px高。

边框框

在高度计算中包含了填充，所以你在CSS中说的是：将这个元素设为10px高，包括100px填充。Th如果设置“最大高度”，则以100px的高度呈现的is padding不会崩溃。没有最大填充或任何您希望适合的框大小：边框框设置：(