手机推荐排行榜,神墓辰东小说

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

技術(shù)分享IE6不支持min-height的解決辦法

本文和大家重點討論一下IE6不支持min-height的解決辦法，這里主要包括兩種解決方案，相信本文介紹一定會讓你有所收獲。

IE6不支持min-height的解決辦法

最小高度min-height是很有用的，但IE6卻不支持。真煩人。有沒有辦法呢？

***種方法：我們可以利用IE6不識別!important來實現(xiàn)：

 
 
 
  
  
  height:auto!important; 
  
  
  height:500px; 
  
  
  min-height:500px;

這3句代碼就讓IE6也有了高度min-height的效果，大家可以把下面的代碼復(fù)制保存成網(wǎng)頁文件看看效果。

HTML代碼

 
 
 
  
  
  
  
  
  
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  
  
   
  
  
    
  
  
   殘缺 *** 生活  
  
  
    
  
  
   *{ margin:0; padding:0; }  
  
  
  body{ font-family:Arial, Helvetica,宋體,sans-serif; font-size:12px;  
  
  
  
  
  
  text-align:center; background-color:#D4D5CC; } 
  
  
   #wrapper{ height:auto!important;  
  
  
  height:500px; min-height:500px; 
  
  
   width:760px; background-color:#e5e5e5; border:1px solid #fff; 
  
  
   text-align:left; line-height:150%; padding:20px; margin:10px auto; } 
  
  
       
  
  
  The Furthest Distance In The World  世界上最遙遠的距離   
  
  
  Tagore泰戈爾  The furthest distance in the world   
  
  
  世界上最遙遠的距離  Is not between life and death   
  
  
  不是生與死  But when I stand in front of you 
  
  
   而是 我就站在你面前  Yet you don't know that I love you   
  
  
  你卻不知道我愛你

[Ctrl+A全部選擇提示：你可先修改部分代碼，再按運行]

◆還有一種方法：在IE6IE5IE7FF測試竟然正常，而且能通過W3C檢測的,方法如下:

HTML代碼

 
 
 
  
  
  #test { min-height:100px; background:#BBB; _height:100px; overflow: visible; }

[Ctrl+A全部選擇提示：你可先修改部分代碼，再按運行]

說明一下上面這段CSS的意思。

min-height:100px;這一句在ie7和FF已經(jīng)可以正常顯示了。。
_height:100px這一句在ie6，ie5測試顯示正常。但不能過W3C驗證:L
overflow:visible;這一句為了注明#test當(dāng)內(nèi)容超過100px時就自動延長。

注意：你必須保證#test以外的都要是overflow:visible。否則還是不會顯示超出。

分享題目：技術(shù)分享IE6不支持min-height的解決辦法
網(wǎng)頁地址：http://m.fisionsoft.com.cn/article/dpehjoi.html

新聞中心

其他資訊