如何使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> 

我要做的就是停用.two min-height屬性。 我可以通過使用auto for height來做同樣的事情。 像這樣： .two{height:auto} 。 但是我怎樣才能達到min-height呢？

Answer 1

根據有關min-height屬性的相關W3.org文檔 ，初始值為0 。

因此，如果要覆蓋該元素上的min-height屬性並將其設置回其初始值，則可以使用：

.two {
  min-height: 0;
}

當然，您也可以使用initial值 （即min-height: initial ），但並非所有瀏覽器都支持。 請參閱此相關的can​​iuse頁面 ，以獲取有關當前瀏覽器對initial屬性的支持的參考。

Answer 2

set 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>