CSS的最大高度,最小高度及宽度问题

本文介绍了解决IE6浏览器中max-height和min-height等CSS属性无效的问题。通过使用expression属性结合JavaScript脚本,实现了对元素高度的有效控制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在写CSS的时候我们就会发现max-height、min-height、等属性在IE6底下是没有效果的。

这个时候怎么办呢

这个时候我们就可以针对IE做出专门的设置

宽度

_width:expression(document.body.clientWidth < 300 ? "300px" : "auto");

高度

_height:expression(this.scrollHeight < 200 ? "200px" : "auto");

解释一下这个expression是什么

这个是一个用来把css属性和javascript脚本关联起来,这里的css属性可以是元素固有的属性,也可以是自定义属性,就是说css属性后面可以是一段javascript表达式,css属性的

等于javascript表达式计算的结果。在表达式中可以直接引用元素自身的属性和方法,也可以使用浏览器对象。

例如:

a {star:expression(this.onFocus=this.blur())}

只能说这个万恶的IE啊

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值