日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
技術(shù)分享IE6不支持min-height的解決辦法

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

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

最小高度min-height是很有用的，但I(xiàn)E6卻不支持。真煩人。有沒(méi)有辦法呢？

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

 
 
 
    
  
  
  
  1. height:auto!important; 
    2. 
  
  
  
  2. height:500px; 
    3. 
  
  
  
  3. min-height:500px; 
    4. 
  
  
  
  4.

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

HTML代碼

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

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

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

    HTML代碼

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

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

    說(shuō)明一下上面這段CSS的意思。

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

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


    當(dāng)前標(biāo)題：技術(shù)分享IE6不支持min-height的解決辦法
    URL標(biāo)題：http://www.5511xx.com/article/dpehjoi.html