如何使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的{​​{1}}属性。我可以使用.two auto来做同样的事情。像这样：height。但是我怎么能为.two{height:auto}做到这一点？

Answer 1

根据relevant W3.org documentation on the min-height property，初始值为0。

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

.two {
  min-height: 0;
}

当然您也可以使用initial value（即min-height: initial），但并非所有浏览器都支持此功能。有关initial属性的当前浏览器支持的参考，请参阅this relevant caniuse page。

Answer 2

设置min-height: initial;，可以让您min-height: 0

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;