`

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

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

以及margin-left:20:px, _margin-left:15px;

分享到:
评论

相关推荐

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

    又是IE6!...第一种方法:我们可以利用IE6不识别!important来实现: 复制代码代码如下: height:auto !important; height:100px; min-height:100px; 这三句话,可以实现IE6下面min-height值为 100p

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

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

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

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

    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-height和min-width两个最小高度和最小宽度兼容多浏览器版本

    文章介绍了min-height和min-width兼容多浏览器版本...运行图如下:先别高兴的太早,不要忘了已经让你深恶痛绝,但又不得不朝夕相对的ie6.0,它是这样回应你的: 没有办法,谁让国富民穷的国人口袋里没有钱呢?或许不应

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

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

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

    IE6作为一款老旧的浏览器,对CSS的支持存在诸多限制,尤其是对于CSS3中的新特性,例如max-width和max-height等,都不被IE6原生支持。尽管如此,开发者们依然找到了一些方法来模拟这些功能,以确保网页在IE6中也能有...

    让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 ...

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

    IE6 和 IE7 是较早的 Internet Explorer 版本,由于发布时间较早,它们对于现代CSS标准的支持并不完全,因此在处理 min-height 属性时可能会出现一些兼容性问题。Firefox 的早期版本也有类似的问题,但是随着技术的...

Global site tag (gtag.js) - Google Analytics