如何設定css在firefox及IE6中的最小高度

這篇文章主要介紹了關於如何設定css在firefox及IE6中的最小高度，有著一定的參考價值，現在分享給大家，有需要的朋友可以參考一下

在網頁佈局中會遇到css在firefox及IE6中最小高度設定問題，本文將提供解決方法，需要了解的朋友可以參考下

在css中IE6並不支援min-height，所以需要對IE6進行單獨設置，height在IE6中即使是超過固定的高度，IE6中也會自動撐開,此問題甚是疑惑

#main{ 　　　　 
　　　　min-height:320px; //用于firefox 
　　　　_height:320px; //用于IE6 
}

當設置某一個區域的最小高度為某個值的時候，在Firefox、IE6以及IE7中的表現並不一樣。如果只是設定了min-height值，那麼在IE6中不能辨識；但設定了height值，在 IE7和Firefox中，位置就會固定了。這是一個很大的問題。那麼為了協調各個瀏覽器和各個版本，我們怎麼做才能解決最小高度的問題呢？

我在網路上找了一些相關資料，有解決方法比較好： 

.distance { 
height:auto!important; 
height:100px; 
min-height:100px; 
}

!import（優先）標籤在IE6中並不認識，所以在IE6中上述程式碼會被理解成為： 

height:100px; 
min-height:100px;

而在IE7中則是： 

height:auto; 
min-height:100px;

在這裡，我們所利用的特性是：
IE6不能辨識!important 標籤;
IE6不能辨識min-height 標籤;
IE6中的高度(height)標籤的最終效果等同於IE7與Firefox瀏覽器中的最小高度(min-height)標籤;
最終便可以解決上述問題。

另一方法：(這個看不懂，不過可以用) 

.autoheight{ min-height:200px; height:200px;} 
[class].autoheight{height:auto;}

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

相關推薦：

CSS實現網頁背景漸變的四種程式碼設定

如何解決webpack打包後直接訪問頁面圖片路徑錯誤

#

以上是如何設定css在firefox及IE6中的最小高度的詳細內容。更多資訊請關注PHP中文網其他相關文章！