`

兼容IE6没有MIN-HEIGHT的方法

 
阅读更多
因为IE6不支持min-×,所以让某个div保持最小高度,并且当内容超出的时候自动增加该层的高度,一度是个比较头疼的问题,我也曾经尝试使用传说中的expression表达式,但是该表达式在IE6下也常常无效,后来证明,问题被我想象的过于复杂了。IE6当内容高于外部box的时候,会将其撑开的。所以,下面的这种方法是可以实现兼容性min-height的:
.myDiv {
    min-height:100px; 
    height:100px;     
 height:auto !important; 
    overflow:visible;
}
分享到:
评论

相关推荐

    兼容IE6的min-width、min-height的简单方法

    下面小编就为大家带来一篇兼容IE6的min-width、min-height的简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    min-height和min-width两个最小高度和最小宽度兼容多浏览器版本

    文章介绍了min-height和min-width兼容多浏览器版本做法,有需要的同学可看看。min-height和min-width这两个最小高度和最小宽度的容器属性相信大家并不陌生。先说说min-height。这个看起来很容易。看下面试例: 复制...

    min-height最小高度实现的解决方法,(兼容IE6、IE7、FF、Chrome)

    min-height最小高度实现的解决方法 且兼容IE6、IE7、FF、Chrome, 需要的朋友参考下

    多种方法解决min-width 不兼容ie6的问题

    把以上三行代码加到需要最小宽度的div里即可,原理是使用IE6本身的BUG(当块级元素内部的东西超出此块级元素的高度时,块级元素的高度会被撑开,也就是说IE6中的height属性本身就等同于min-height)。 方法二: 复制...

    CSS之IE BUG分析与解决

    2 当设定min-height时,在标准浏览器中,表现为与IE6设定固定高度相同,即当内容高度小于min-height时,高度为min-height值,当内容高度大于min-height值时,此时div自动扩展。 在标准浏览器中设定min-height为100时...

    css兼容性问题总结笔记

    10. IE6中min-height 最小高度不识别的解决办法 6 11. IE6中min-width 最小宽度不识别的解决办法 6 12. IE6中居中布局问题 7 13. IE6 Png图片不透明问题 7 14. 移除超级链接的虚线 7 15. 隐藏水平滚动条 7

    important的妙用解决firefox和ie的css兼容问题

    min-height在Firefox里有效,但IE无法识别。 可以使用下面这个解决方案: 复制代码代码如下: .div_class{ min-height:30px; height:auto !important; height:30px; } 第一行设置 min-height:30px;对Firefox有效;...

    div+css最小高度的实现代码(兼容ie6/ie7/ie8/firefox)

    可是当发布者发布的内容比较少的时候,比如只有一行字,那内容部分就变的很小,不美观,可是我们直接设置一个高度的话,当内容很多时又会溢出,今天研究了一下兼容各浏览器设置DIV最小高度的方法,拿来分享。...

    IE7新支持的CSS属性和属性选择符

    以下是IE7中新支持的属性:min-height,max-height,min-width,max-width这个hack还可以使最大高度兼容IE6,你可以举一反三:{height:350px;overflow:hidden;}以下是IE7中新支持的属性选择符:精确属性匹配 [=] : 只有当...

    JavaScript 事件监听实例代码[兼容IE,firefox] 含注释

    min-height:600px; padding:20px; } div p { padding:4px; margin-left:4px; margin-top:4px; border:solid 1px blue; width:100px; float:left; } pre{ margin:20px 0 0 0; } a { text-indent:4em;

    div+css最小高度的设置方法兼容各浏览器ie6+/Firefox

    可是当发布者发布的内容比较少的时候,比如只有一行字,那内容部分就变的很小,不美观,可是我们直接设置一个高度的话,当内容很多时又会溢出,今天研究了一下兼容各浏览器设置DIV最小高度的方法,拿来分享。...

    CSS+div浏览器兼容的几个问题实例

    CSS+ div 布局经常遇到的几个问题,刚好给新学员上课整理的实例代码。分享下: 1.border问题。 2.高度自适应问题及IE6min-height问题的解决 3.padding和margin的区别 4.margin加倍问题

    js框架jquery实现幸运大转盘抽奖程序代码,兼容多种浏览器.zip

    支持Internet Explorer 6.0+ 、Firefox 2.0 、Safari 3 、Opera 9 、Google Chrome,高级浏览器下使用Transform,低版本ie使用VML实现 google code地址:http://code.google.com/p/jqueryrotate/ 下面了解下这个插件...

    css入门笔记

    min-height:最小高度 max-height:最大高度 3.页面中允许修改尺寸的元素 1.所有的块元素允许修改尺寸 ex:div,h1-h6,p,ul,li,ol,dl,dt,dd 2.行内元素允许修改尺寸 表单控件元素 3.本身具备width和height属性...

    图片放大镜

    if(document.all){ //只在IE下执行,主要避免IE6的select无法覆盖 magnifier.createIframe(magnifier.m.img); } this.onmousemove = magnifier.move; //this指向m.cont this.onmouseout = magnifier.end; }, ...

    jQuery LigerUI V1.1.0

    [修复]解决ligerLayout,在IE6下调整Line太宽的问题 [修复]解决ligerLayout,包含在form下不能正常显示高度的问题 表单 [修复] ligerSpinner每次点击即增加/减少,而不是按住的时候才有效果

Global site tag (gtag.js) - Google Analytics