什麼是跨瀏覽器最小高度的最佳和有效的方式？

爲#main-content什麼是跨瀏覽器最小高度的最佳和有效的方式？

我不想給任何固定高度，因爲內容可以是長，短，但如果內容是短暫的，那麼它應該採取最小高度500px。

我需要所有瀏覽器的兼容性。

，因爲我讀的是thery不使用任何符合W3C標準和跨瀏覽器的方式！重要！重要的不應該被用來

總之，除非你已經試過不使用！重要聲明所有其他的東西，並保持記住任何缺點。如果你確實使用了，那麼如果可能的話，在你的CSS 的旁邊放置任何被覆蓋的樣式，以確保更好的代碼可維護性。

我試圖掩蓋一切關於使用的顯著！important聲明，所以請提供意見，如果您覺得有什麼我已經錯過了，或者如果我說錯什麼，我我會很高興做出任何必要的更正。

http://www.impressivewebs.com/everything-you-need-to-know-about-the-important-css-declaration/

來源

2010-04-22 Jitendra Vyas

除IE6以外的每個主要瀏覽器都支持最小高度（請參閱QuirksMode）。

在IE6中，元素將展開以包含其內容，即使它具有固定的高度; IE6中的高度實際上是最小高度。

因此，一個跨瀏覽器的最小高度的聲明將是：

#main-content { 
    min-height: 500px; 
} 
* html #main-content { /* target IE6 */ 
    height: 500px; 
}

來源

2010-04-22 11:06:31

（3年後）的情況下完成這項工作，值得一提的是IE6幾乎已經死了，現在已經不存在了（全球使用率爲1％或更低），對於個人網站，我不認爲它在我的代碼中，對於客戶而言，我傾向於擺脫煩惱。 – James 2013-09-24 14:41:37

這裏是一個：

#main-content { 
    min-height:500px; 
    height:auto !important; 
    height:500px; 
}

同樣看到這個用於IE：

Cross Browser CSS Min-Height

來源

2010-04-22 06:41:34 Sarfraz

，但我不希望設置固定高度IE。 – 2010-04-22 06:51:25

如果你不想使用JS或其他CSS黑客，那麼就沒有其他解決方案。他們說不要使用！如果你嘗試了其他任何東西，重要的是我嘗試了其他任何東西，相信我 – meo 2010-04-22 07:03:56

最小高度：100像素;/*套最小高度值，所有符合標準的瀏覽器*/

最小高度不適合IE瀏覽器，因此你可以使用： -

高度：表達式（this.scrollHeight < 100「100px的？「：」auto「）;/*爲IE設置最小高度*/

來源

2010-04-22 06:53:01

css表達式也是不可取的。 – 2010-04-22 06:55:28

這個我認爲會幫助你指定最小高度而不給定寬度，並且應該解決你的問題。不知道如何在不使用表達式 – 2010-04-22 07:22:46

什麼是跨瀏覽器最小高度的最佳和有效的方式？

回答

相關問題