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

最新推荐文章于 2024-05-06 08:45:00 发布
最新推荐文章于 2024-05-06 08:45:00 发布
阅读量5.6k 收藏
点赞数
分类专栏： 一些脚本和样式 文章标签： ie firefox div 2010
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/windxxf/article/details/5861442
版权

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的效果


摘自：http://zwm1104.blog.163.com/blog/static/1147333220103123839613/

windxxf
关注
专栏目录
CSS的最大高度、最小高度及宽度在IE6下没有效果问题
12-10
在写CSS的时候我们就会发现max-height、min-height、等属性在IE6底下是没有效果的。 这个时候怎么办呢 这个时候我们就可以针对IE做出专门的设置 宽度 复制代码代码如下: _width:[removed]document.body.clientWidth < 300 ? “300px” : “auto”); 高度 复制代码代码如下: _height:[removed]this.scrollHeight < 200 ? “200px” : “auto”); 解释一下这个expression是什么 这个是一个用来把css属性和javascript脚本关联
利用JS解决ie6不支持max-width,max-height问题的方法
10-26
为了解决IE6不支持max-width和max-height的问题，可以采用JavaScript进行替代实现。原生JavaScript提供了丰富的DOM操作接口，通过这些接口可以对页面元素的尺寸进行动态控制。例如，可以通过获取元素的宽度和高度，...
IE6支持max-height、min-height CSS样式
Java/Android/IOS/前端/云计算
02-11 601
让IE6支持max-height、让IE6支持min-height样式属性方法教程 我们在写CSS的时候，常常会遇到让一个图片或一个布局不能超出设定一定高度范围值，有时也需要设置一个最小高度值，以达到对齐等样式。接下来由DIVCSS5为大家总结的如何解决IE6不支持max-height和不支持max-height的方法；IE6 max-height、min-height不支持解决方法。 目录
max-height 兼容ie
lixiaohua66的博客
12-09 503
div{ max-height : 100px; _height:expression((document.documentElement.clientHeight||document.body.clientHeight)<100px?"100px":""); overflow:hidden; }
IE6不支持max-width和min-height解决方法
hugejihu9的专栏
10-09 220
如果图片或内容大于设置的宽度IE6就会撑破设置的宽度和高度，这是我们可以利用这一点加上IE6独特CSS识别符合“_”来解决问题   比如我们一个网页要设置个最小高度为500px才好看，但是IE6不支持怎么办呢？ 正好我们就利用CSS属性从左到右读取、从上到下的重复属性替换最下最右的CSS属性值。   解决： .divcss5 {min-height:500px;_height:500p...
IE 6不支持min-height或max-width等属性的完美解决方案
12-02
坑人的IE6，不支持min-height，但是实际操作中，这个属性是非常需要的。那IE6下面怎么实现呢？请看geniusalien提供的完美解决方案： （geniusalien温馨提示：本文的min-height操作方式试用于min-width、max-width、...
IE6支持max-width/height与min-width/height(完美解决方案)
09-25
IE6作为一款老旧的浏览器，对CSS的支持存在诸多限制，尤其是对于CSS3中的新特性，例如max-width和max-height等，都不被IE6原生支持。尽管如此，开发者们依然找到了一些方法来模拟这些功能，以确保网页在IE6中也能有...
解决IE6下height=0失效
u011282541的专栏
12-24 322
IE6 下默认的字体尺寸大致在 12 - 14px 之间，当你试图定义一个高度小于这个默认值的 DIV 的时候， IE6 会固执的认为这个层的高度不应该小于字体的行高。 解决办法：font-size:0; line-height:0; overflow:hidden;
IE min-width 与 max 无效解决方法
封神之路~
03-21 2759
<br />min-width<br /> <br />_width:expression((documentElement.clientWidth < 1008) ? "1008px" : "auto" );<br /> <br /> <br /> <br />max-width<br />_width:expression((documentElement.clientWidth >600) ? “600px” : “auto” );
兼容IE的最小最大高度CSS写法
10-25
兼容IE的最小最大高度CSS写法
jquery实现图片等比例缩放，解决max-width在ie中不兼容问题
前端岚枫
09-18 3780
上次用原生的JavaScript实现的图片等比例缩放，max-width和max-height在ie6中不兼容问题，今天用jQuery实现了这些问题 jQuery部分代码   $(document).ready(function(){       var maxWidth=$(".imgBox").width();       $("img").each(functio
min-height与max-height的运用
最新发布
温暖前端的博客
05-06 591
min-height属性用于设置元素的最小高度。当元素的内容不足以填满min-height时，元素会扩展以适应这个最小高度。max-height属性用于设置元素的最大高度。当内容超出这个高度时，元素会出现滚动条以便浏览超出部分。
css_min-height、max-height、height详细讲解
lkrdmm的博客
12-14 2536
首先min-height、max-height、height之间是有权重的等级的。 权重等级：min-height > max-height > height 直接写一个Demo来简单的讲解一下： 下面展示一些 内联代码片。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=devic
如何让ie兼容max-height，和min-height属性
kongjiea笔记
09-19 5245
IE6支持最大宽度：.yangshi{max-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)
让所有浏览器支持max-height、min-height CSS样式
fengxinzi_jing的专栏
03-22 1052
让IE6支持max-height、让IE6支持min-height样式属性方法教程： 我们在写CSS的时候，常常会遇到让一个图片或一个布局不能超出设定一定高度范围值，有时也需要设置一个最小高度值，以达到对齐等样式。接下来由DIVCSS5为大家总结的如何解决IE6不支持max-height和不支持max-height的方法；IE6 max-height、min-height不支持解决方法。
IE浏览器CSS问题解决方案汇总
IE6不支持`min-width`和`max-width`，可以使用CSS表达式(`expression`)来模拟这些效果： ```css .layout { width: expression(this.clientWidth ); /* max-width */ min-width: 400px; /* 对其他浏览器生效 */ } `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值