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

最新推荐文章于 2021-06-25 05:08:10 发布
最新推荐文章于 2021-06-25 05:08:10 发布
阅读量234 收藏
点赞数
分类专栏： 笔记 文章标签： IE Firefox HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jefyjiang/article/details/83531177
版权 

  .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的效果
jefyjiang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
利用JS解决ie6不支持max-width,max-height问题的方法
10-26
本篇文章主要介绍了利用JS解决ie6不支持max-width,max-height问题的方法。需要的朋友可以过来参考下，希望对大家有所帮助
IE 6不支持min-height或max-width等属性的完美解决方案
12-02
坑人的IE6，不支持min-height，但是实际操作中，这个属性是非常需要的。那IE6下面怎么实现呢？请看geniusalien提供的完美解决方案： （geniusalien温馨提示：本文的min-height操作方式试用于min-width、max-width、...
ie6不支持css max-heigth 最大高度解决办法集
abc20041012的博客
03-04 99
主要是css hack方法，利用ie6支持或者不支持的符号来完成任务。 你可能会想到我前面说过的expression，在css里面计算该容器的高度。 是的，这样能够达到我们的要求。代码部分如下 代码如下 复制代码 overflow:auto;/*超出部分显示滚动条*/_height: expression(this.scrollHeight < 100 ? "100px" ...
如何让ie兼容max-height，和min-height属性
kongjiea笔记
09-19 5233
IE6支持最大宽度：.yangshi{max-width:1000px;_width:expression((document.documentElement.clientWidth||document.body.clientWidth)
让IE6支持最小高度min-height、最大高度max-height的方法
09-25
1. **IE6支持`max-height`的解决方法** 在IE6中，我们不能直接使用`max-height`属性，因为它不被识别。一种常见的解决方案是利用IE6特有的下划线前缀`_height`配合`expression`属性来模拟`max-height`的效果。例如...
CSS 实现宽高自适应问题
weixin_44208755的博客
03-01 699
css实现html宽高自适应问题： 网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整，这就是pc端自适应。 自适应的优点： 元素自适应在网页布局中非常重要，它能够使网页显示更灵活，可以适应在不同设备、不同窗口和不同分辨率下显示。 相对窗口和父元素的自适应写法： 宽度： 当块状元素不写宽度的时候，默认的宽度就是100%； 是父元素的宽度的100%；也就是始终...
IE 10以上HTML css兼容问题,前端开发中的兼容性问题-CSS篇
weixin_26907223的博客
06-25 977
(一)前言浏览器兼容性问题一直都让我很头疼，网上大神们给出的解决方法也是五花八门，向后或向前兼容的说法都有，所以自己整理一下，如果有不恰当的欢迎指正！(二)CSS兼容问题的原因我觉得要解决问题，就要先找出问题的根源，所以先研究通常出现的CSS兼容问题的原因有哪些……1、浏览器内核的差异浏览器的内核是分为两个部分的，一是渲染引擎，另一个是JS引擎。现在JS引擎比较独立，内核更加倾向于说渲染引擎。由于...
CSS中宽高度自适应
weixin_43755513的博客
07-27 1094
CSS中宽高度自适应 1.宽度自适应 宽度自适应可以写一个min-width，如果小于最小的宽度，那么浏览器可以以滚动条的形式去显示，如果大于最小宽度，浏览器默认会占一整行。 max-width元素的宽度最大可以达到的值，可以无限缩小，但是不能扩大。 2.高度自适应 （1）如果不写高度默认是内容撑开。 （2）设有高度为auto，也是由内容撑开。 （3）设置min-height会随内容的增多而改变。...
max-height 兼容ie
lixiaohua66的博客
12-09 496
div{ max-height : 100px; _height:expression((document.documentElement.clientHeight||document.body.clientHeight)<100px?"100px":""); overflow:hidden; }
CSS解决高度自适应问题
weixin_30613343的博客
03-20 2977
高度自适应问题，我很抵触用js去解决，因为不好维护，也不够自然，但是纯用CSS，难度不小，比如下面我要说的例子。 需求： 1. 这个矩形的高度和浏览器窗口的高度相同，不能出现纵向滚动条 2. 绿色部分高度固定，比如50px 3. 紫色部分填充剩余的高度 HTML结构暂且如下： <div id="main"> <div id="nav">nav&...
pi_heif-0.17.0-cp39-cp39-manylinux_2_31_armv7l.whl
最新发布
07-27
pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。pip install 直接安装，无需再下载，直接用。
ubuntu20.04-ssh9.8p1-ssl3.0.14-focal-deb-amd64升级加固脚本.zip
07-27
若有新版本请查看文章最后附件地址：https://blog.csdn.net/liuxin638507/article/details/132450367 特点： 1、同时升级openssh与openssl，采用deb包形式，一键快速升级版本，无需每台单独再次进行编译， 2、隐藏openssh-版本号(openssh9.8p1及之后隐藏版本号还未找到方法) 3、已默认安全加固（已有配置跳过） 安装： 执行 bash upgrade_ssl_ssh_ubuntu.sh 进行安装 注意，升级安装后，确保sshd服务正常，请新开终端进行验证测试 验证 openssl版本： openssl version OpenSSL 3.0.14 4 Jun 2024 (Library: OpenSSL 3.0.14 4 Jun 2024) openssh版本： ssh -V OpenSSH_9.8p1, OpenSSL 3.0.14 4 Jun 2024
avif-0.5.0-cp36-cp36m-manylinux1_i686.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
教务管理系统-毕业设计.zip
07-27
教务管理系统-毕业设计.zip
ie浏览器 freemarker 文本超过2行显示省略号
07-27
max-height: 3.6em; /* 控制显示的行数，这里设置 3.6em 是因为每行大约是 1.2em 的高度 */ overflow: hidden; text-overflow: ellipsis; } <div class="text-container" id="textContainer"> ${text} <!-- ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值