技术分享IE6不支持min-height的解决办法

本文和大家重点讨论一下IE6不支持min-height的解决办法，这里主要包括两种解决方案，相信本文介绍一定会让你有所收获。

IE6不支持min-height的解决办法

最小高度min-height是很有用的，但IE6却不支持。真烦人。有没有办法呢？

***种方法：我们可以利用IE6不识别!important来实现：

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

 这3句代码就让IE6也有了高度min-height的效果，大家可以把下面的代码复制保存成网页文件看看效果。

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  世界上最遥远的距离   
    17. 
  
  
  
  17. Tagore泰戈尔  The furthest distance in the world   
    18. 
  
  
  
  18. 世界上最遥远的距离  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. 你却不知道我爱你   
    22.
  •  
  •  

  •  [Ctrl+A全部选择提示：你可先修改部分代码，再按运行]

    ◆还有一种方法：在IE6IE5IE7FF测试竟然正常，而且能通过W3C检测的,方法如下:

    HTML代码

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

    [Ctrl+A全部选择提示：你可先修改部分代码，再按运行]

    说明一下上面这段CSS的意思。

    min-height:100px;这一句在ie7和FF已经可以正常显示了。。
    _height:100px这一句在ie6，ie5测试显示正常。但不能过W3C验证:L
    overflow:visible;这一句为了注明#test当内容超过100px时就自动延长。

    注意：你必须保证#test以外的都要是overflow:visible。否则还是不会显示超出。

    本文标题：技术分享IE6不支持min-height的解决办法
    路径分享：http://www.shufengxianlan.com/qtweb/news4/347404.html

    网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

    猜你还喜欢下面的内容

    网站导航知识

    各行业网站

    腾讯香港免备案空间　　 　四川内江电信机房　　 　乐山托管服务器　　 　内江智速网站建设　　 　高端网站设计推广　　 　做网站　　 　平昌做网站　　 　重庆移动机房托管　　 　成都多线服务器托管　　 　网站SEO优化　　 　服务器机柜租用　　 　成都网站建设　　 　主机托管　　 　成都高电机柜租用　　 　青羊区雕琢时光　　 　H5建站　　 　邛崃做网站　　 　成都网站建设公司　　 　成都展柜设计公司　　 　什邡网站建设