Question

在super().__init__()下方的代码段中会覆盖容器的padding-top和height属性：

我希望max-height为10px高，但由于<div>而导致其为100px

据我所知，这应该通过box-sizing来解决：border-box但是这并没有帮助

w3schools - border-box: the width and height properties (and min/max properties) includes content, padding and border, but not the margin

＆＃13;

padding-top

＆＃13;

.padding-test {
  background: linear-gradient(109deg, #3adffd, #00abfb);
  outline: 1px solid #3b3c6d;
  width: 100%;
  padding-top: 100px;
  max-height: 10px;
  height: 10px;
  box-sizing: border-box;
}

＆＃13;

有人可以解释为什么会发生这种情况以及如何解决这个问题？ <div class='padding-test'></div>和width

也是如此

UPD：我尝试更改aspect-ratio approach大小的框的最大高度时遇到此问题。我通过设置父级大小解决了初始问题，但我仍然想了解padding-left如何与border-box一起使用 - 它是否只收缩内容？这是正确的行为吗？对于这种确切的情况有什么解决方案 - 我可以以某种方式覆盖填充吗？

填充使用box-sizing：border-box覆盖元素的高度

0 个答案: