`

ie不支持max-height的解决之法

 
阅读更多
  .div{
     max-height: 100px;
     _height:expression(this.scrollHeight > 100 ? "100px" : "auto");
     overflow-y:auto;
  }

 

   这样就可以让div在ie和firefox中都实现max-height的效果

 

  .div{
     max-height: 100px;
     min-height:60px;
     _height:expression(this.scrollHeight > 100 ? "100px" : (
                      this.scrollHeight < 60 ? "60px" : "auto"));
     overflow-y:auto;
  }

 这样就可以让div在ie和firefox中都实现max-height和min-height的效果

分享到:
评论

相关推荐

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

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

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

    1、IE6支持max-height解决方法 IE6支持最大高度解决CSS代码:  复制代码代码如下:.yangshi{max-height:1000px;_height:[removed](document.documentElement.clientHeight||document.body.clientHeight)&lt;1000?”...

    利用JS解决ie6不支持max-width,max-height问题的方法

    为了解决IE6不支持max-width和max-height的问题,可以采用JavaScript进行替代实现。原生JavaScript提供了丰富的DOM操作接口,通过这些接口可以对页面元素的尺寸进行动态控制。例如,可以通过获取元素的宽度和高度,...

    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&gt;4) var minmax_elements; minmax_props= new Array( new Array(‘min-width’, ‘minWidth’), new ...

    让IE6支持min-width最小宽度

    描述中提到,虽然`min-width`、`min-height`、`max-width`和`max-height`等属性在CSS规范中早已存在,但它们在早期浏览器中的支持度并不高。IE6作为曾经广泛使用的浏览器,它的市场份额大,但缺乏对这些属性的支持,...

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

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

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

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

    jquery实现图片等比例缩放以及max-width在ie中不兼容解决

    然而,IE6(Internet Explorer 6)浏览器对CSS属性`max-width`和`max-height`的支持并不完善,这在实际应用中可能会导致图片超出容器的边界,影响页面布局。为了克服这一问题,我们可以利用jQuery来实现图片的等比例...

    DIV+css兼容性FFIE6IE7IE8IE9[借鉴].pdf

    - IE6不支持同时设置`min-height`和`max-height`,以及`min-width`和`max-width`,但可以通过JavaScript或表达式来实现类似功能。 这些技术是前端开发者在处理跨浏览器兼容性时经常使用的,尤其是对于那些仍然需要...

    ie8中图片设置max-width属性满足一定的条件会导致消失

    图片设置max-width会使图片消失,当然,是要满足一定的条件的,日常工作中,可能用到的不多,但也应该引起前端攻城师们的注意力。 首先来看一下,应该满足的条件: 1.图片通过css设置了max-width:100% 2.图片设置了...

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

    但在IE中,它们的支持并不完善,特别是在早期版本的IE中,这可能会导致布局问题。 ```css .min_width { min-width: 300px; /* 设置最小宽度 */ _width: expression_r(document.body.clientWidth ); /* IE专有 */ }...

    asp.net 自定义DropDownList(CustomDropDownList)(上一个有点bug)

    不好意思,压缩包中的__doPostBack事件绑定有误,现在改正了,并且加入了ie不支持max-height css属性的纠正,并且前一压缩包没把用到的数据源DB.xml包含进去。 非常抱歉,但是好像不能覆盖原来的文件,故重发一个...

    DIV+CSS基础教程全攻略.pdf

    对于`IE6`不支持`min-height`的问题,可以通过CSS Hack解决,如`.yangshi{min-height:50px; _height:50px;}`,这里`_height`是专门为`IE6`设定的。 `overflow`属性则是处理内容溢出的,除了`hidden`之外,还可以...

    DIV+CSS基础教程全攻略 (2).pdf

    对于IE6浏览器不支持`min-height`的问题,可以采用CSS Hack的方式解决,即在`min-height`后添加一个仅IE6识别的下划线`_height`,如`.yangshi{min-height:50px; _height:50px;}`。这样,即使在IE6中,元素也会有一个...

Global site tag (gtag.js) - Google Analytics