`

兼容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,可以通过一些特别的CSS技巧来模拟min-width和min-height的效果。具体的方法包括: 方法一:利用CSS中高度的默认行为 在IE6中,当块级元素内的内容高度超出该元素本身的高度时,该元素的高度会自动增加...

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

    在早期的网页设计中,尤其是面对需要兼容旧版浏览器如IE6和IE7时,实现最小高度(min-height)的属性遇到了很多问题。min-height属性是CSS的属性之一,用于规定元素的最小高度,但IE6和IE7并不支持这一属性。这使得...

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

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

    CSS中height和min-height的区别

    例如,可以使用一个特定的CSS前缀或属性,比如在IE6中使用_height代替min-height。但需要注意,这种方式只适用于IE6,对于其他现代浏览器则应该继续使用min-height属性。 在文章的实例中,通过设置一个类名为“test...

    让IE6支持最小高度min-height、最大高度max-height的方法

    需要注意的是,`expression`属性在现代浏览器中已经被废弃,因此这种技术只适用于还需要兼容IE6的场景。随着IE6的市场份额逐渐减少,开发者应尽可能转向更现代的解决方案,如使用`Flexbox`或`Grid`布局,它们提供了...

    让IE6支持min-width最小宽度

    标题中的“让IE6支持min-width最小宽度”指的是在Internet Explorer 6(简称IE6)浏览器中实现CSS的`min-width`属性。`min-width`属性允许开发者设置一个元素的最小宽度,确保它不会在屏幕或窗口尺寸缩小到一定程度...

    IE6不支持CSS中的min-width/height属性问题的解决方法

    然而,IE6对于min-width和min-height属性并不提供原生支持。在IE6中,若仅使用width或height属性,它会默认为元素提供一个最小尺寸的特性,但这种方式在其他现代浏览器中并不适用,比如在Firefox或IE7中,这样的设定...

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

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

    IE 6不支持min-height或max-width等属性的完美解决方案

    这些方法虽然可以帮助我们在IE6中模拟`min-height`的效果,但请注意,它们并不是万无一失的,可能会与其他CSS规则产生冲突,或者在更复杂的布局中引入新的问题。此外,随着IE6的市场份额逐渐减少,开发者现在更多地...

    解决IE6兼容问题的十一大技巧

    6. **最小高度(min-height)**:IE6不支持`min-height`属性,但可以通过CSS hack来解决,如: ```css #container { min-height: 200px; height: auto !important; /* 对其他浏览器生效 */ height: 200px; /* 对...

    让IE6支持min-width和max-width的方法

    在早期的Internet Explorer(尤其是IE6)中,浏览器并不支持CSS中的`min-width`、`max-width`以及`min-height`和`max-height`属性,这给网页设计带来了很大的局限性。为了让这些特性在IE6及其以下版本中生效,开发者...

    CSS min-height IE6、IE7、FF下DIV自适应高度

    然而,在不同的浏览器中,min-height 属性的兼容性可能会有差别,特别是对于较旧的浏览器,比如 Internet Explorer 6、7(IE6、IE7),以及较早版本的 Firefox(FF)。 IE6 和 IE7 是较早的 Internet Explorer 版本...

    CSS兼容IE6,,IE7,I8 FIREFOX

    ### CSS兼容IE6、IE7、IE8及Firefox解析与应用 #### 一、引言 随着Web技术的发展,浏览器的兼容性问题一直是前端开发者关注的重点。尤其在早期的Web开发过程中,Internet Explorer(IE)系列浏览器由于市场份额较大...

    IE6-IE11兼容性问题列表及解决办法

    IE6对于CSS的支持非常有限,例如不支持浮动元素的`clear:both`属性,不理解`min-height`和`max-height`,且对盒模型的理解与W3C标准不符,导致布局混乱。解决这些问题通常需要使用特定的hack技巧,如使用`_width`...

    ie6,ie7div高度兼容代码

    为了解决上述问题,我们可以采用一种结合了`min-height`和CSS Hack的方法,确保div元素的高度在IE6和IE7中表现一致: ```css /* 对于所有现代浏览器 */ div { min-height: 50px; } /* 特定针对IE6的Hack */ div {...

    Web前端新人笔记之height、min-height的区别详解

    在IE6浏览器中,`min-height`属性并不被支持,这时我们需要使用一些CSS Hack技巧来兼容。例如,可以使用下划线`_`前缀的私有属性`_height`,这仅对IE6生效。这样,对于支持`min-height`的现代浏览器,它们会使用`min...

    兼容IE的最小最大高度CSS写法

    ### 兼容IE的最小最大高度CSS写法详解 #### 一、背景介绍 在Web开发过程中,确保网站能够在各种浏览器上正常显示是一项重要的任务。尤其是对于那些仍需支持Internet Explorer(IE)的老项目,由于IE对现代CSS特性的...

Global site tag (gtag.js) - Google Analytics