`

ie6不支持min-height 的解决方法

 
阅读更多

min-height就是层的最小高度,如果该层中的元素内容高度小于这个高度,就将层显示为min-height的值,超过的话,就撑破层,使层的高度与元素内容高度一样。
max-height就是和这个相反了,不超出的话,层高度就和层中内容元素高度一样,否则就截断内容,显示max-height的高度。
CSS的兼容性问题一直令人头疼,最小高度min-height是一个非常有用的属性,在页面布局中的很多地方可以用到。当容器的内容较少时,能保持一个最小的高度,以免破坏了布局或UI设计效果。而当容器内的内容增加的时候,容器能够自动的伸展以适应内容的变化。
min-height属性并非所有浏览器都兼容,主要问题还是出现在IE6,这个不支持标准的浏览器偏偏占据很大的用户群体。解决方法如下:
css代码:min-height:500px;_height:500px;

分享到:
评论

相关推荐

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

    坑人的IE6,不支持min-height,但是实际操作中,这个属性是非常需要的。那IE6下面怎么实现呢?请看geniusalien提供的完美解决方案: (geniusalien温馨提示:本文的min-height操作方式试用于min-width、max-width、...

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

    以上四种方法是解决IE6不支持min-width属性的常用技巧。在实际应用中,可以根据需求和网站的具体情况选择合适的方法。需要注意的是,使用这些兼容性技巧时要确保它们不会破坏其他浏览器的兼容性,并且在新的项目中...

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

    同样地,IE6也不支持`min-height`属性。我们可以采用类似的方法来实现: ```css .yangshi { min-height: 1000px; _height: expression((document.documentElement.clientHeight || document.body.clientHeight)...

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

    为了解决IE6不支持min-width和min-height的问题,可以通过在CSS规则中添加特定的写法来实现。关键在于使用CSS的!important规则,以及针对IE6单独设置的宽度或高度值,来确保IE6能够正确地显示元素尺寸。具体的做法...

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

    min-height属性是CSS的属性之一,用于规定元素的最小高度,但IE6和IE7并不支持这一属性。这使得前端开发人员不得不寻找各种兼容的解决方案。而在较新的浏览器FF(Mozilla Firefox)和Chrome中,min-height是被支持的...

    CSS中height和min-height的区别

    在较旧的IE浏览器版本中,如IE6,它并不支持min-height属性。针对这种情况,开发者必须使用一些兼容性技巧或特定的CSS Hack来实现类似的效果。例如,可以使用一个特定的CSS前缀或属性,比如在IE6中使用_height代替...

    让IE6支持min-width最小宽度

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

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

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

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

    min-height和min-width这两个最小高度和最小宽度的容器属性相信大家并不陌生。先说说min-height。这个看起来很容易。看下面试例: 复制代码代码如下:最小高度 运行图如下:先别高兴的太早,不要忘了已经让你...

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

    说明:让 IE6 及其以下版本支持 CSS 中 min/max-width/height 属性 代码如下: @if (@_win32 && @_jscript_version>4) var minmax_elements; minmax_props= new Array( new Array(‘min-width’, ‘minWidth’), new ...

    IE6支持max-width/height与min-width/height(完美解决方案)

    此外,同样的逻辑也可以应用到高度控制中,即IE6中不支持的max-height属性。通过类似的方法,可以实现对元素最大高度的控制。具体代码如下: ```css .className { max-height: 1000px; _height: expression(/** ...

Global site tag (gtag.js) - Google Analytics