min-height兼容浏览器用法

最新推荐文章于 2022-01-12 10:29:42 发布

不杂当下

最新推荐文章于 2022-01-12 10:29:42 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： css 文章标签：浏览器 ie firefox class css div

本文链接：https://blog.youkuaiyun.com/wangjj_016/article/details/3477739

css 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了解决IE6浏览器不支持min-height属性的两种兼容性方案。第一种方案利用了高度和溢出属性的特殊组合实现，第二种方案则通过通配符选择器解决了高度设置问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

      IE7和Firefox都支持min-height,max-height等属性，但IE6不支持。要想使用就需要使用css钩子技术。
   希望ie6这个兼容性最差的浏览器早点淘汰吧，开发者也省点事，但目前ie6用户还最多！
      方法一，网站找的。
   .minh100 {
        background:#ccc;
        min-height:100px;        /*ie7 ff生效*/
        height:auto !important; /*ie7 ff生效*/
        height:100px;            /*ie6 ie7生效*/
        overflow:visible;        /*修正ie下height:100px为自动高度*/
   }
   方法二，我发明的。
    .minh100{
      background:#ccc;
       *height:100px;         /*ie6 ie7生效*/
       min-height:100px;      /*ie7 ff生效*/
       *height:auto !important; /*修正ie7下height:100px为自动高度*/
   }

   <div class="minh100">
        12月4日晚7点多钟，山西太原市杏花<br/>
          岭区检察院四名干警，<br/>
          来京将中央电视台女政法记者李<br/>
          某从住宅中连夜带走，据介绍<br/>
          ，该记者曾以涉嫌滥用职权为由<br/>
          采访过太原杏花岭区检察院；<br/>
          而检方认为该记者涉嫌受贿。<br/>
   </div>