如何使 CSS 'min-height'属性无效？

Question

这是我的代码：

.one, .two {
  border:1px solid;
  min-height: 300px;
}
.two {
  overflow: auto;
}

<div class="one">something1</div><br>
<div class="two">something2</div>

我要做的就是停用min-height属性以进行.two。我可以通过使用auto来做同样的事情height.像这样：.two{height:auto}.但是我该如何为min-height做到这一点呢？

Answer 1

根据 min-height 属性的相关 W3.org 文档，初始值为 0 。

因此，如果要重写该元素上的 min-height 属性并将其设置回其初始值，则可以使用：

.two {
  min-height: 0;
}

当然，您也可以使用 initial 值（即 min-height: initial ），但并非所有浏览器都支持该值。有关 initial 属性的当前浏览器支持的参考，请参阅此相关 caniuse 页面。

Answer 2

设置min-height: initial;，让你min-height: 0

.one,
.two {
  border: 1px solid;
  min-height: 300px;
}
.two {
  overflow: auto;
  min-height: initial;
}

<div class="one">something1</div>
<br>
<div class="two">something2</div>