這篇文章主要介紹了關於如何設定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在firefox及IE6中的最小高度的詳細內容。更多資訊請關注PHP中文網其他相關文章！
