此CSS代碼是否正確？

Question

.divTest { 
    min-height: 500px; 
    height: auto !important; 
    height: 500px; 
} 

我已經得到了下面這個CSS代碼，我在http://www.cleancss.com/上測試過它，它取出了height: 500px。任何原因爲什麼會發生？

Answer 1

!important命令接管任何其他...因此您的height:500px;行將始終被忽略（這就是爲什麼優化器接線）。

如果你希望你的div有500像素的高度只有你的CSS應該僅僅是：

.divTest { 
    height:500px; 
} 

如果你希望你的div有不同的高度，不超過500像素較小那麼你的CSS應該是：

.divTest { 
    min-height: 500px; 
    /* height:auto; - implied */ 
} 

你不需要!important這個CSS片段，除非是一個的影響的高度一些規則，你需要重寫它。你並不需要指定height:auto，因爲這是默認樣式一個div（當然，除非你是繼承別的東西;）如果你正在使用IE6）

有一個work around：

.divTest {min-height:500px;} 
* html .divTest {height:500px;} 

Answer 2

不知道它爲什麼這樣做，但設置高度爲500px將不會做任何事情，如果你聲明高度：汽車是重要的。