为了账号安全,请及时绑定邮箱和手机立即绑定

min-height的问题、!important 粗略解释

标签:
Html/CSS

ie6确实不支持 对于min-height我一般是直接给ie6设置height, ie6会当做最小高度来处理,如果内部元素的尺寸超出了,会自动撑大父元素
例如:
div {min-height:300px;height:auto !important;height:300px;}
这样写的话 ie6会读取height:300px;而忽略height:auto;等于给ie6里设置了一个最小高度;
而其他浏览器会读取height:auto;和min-height:300px;

width: expression(this.width > 300 ? 300 : true); height: expression(this.height > 300 ? 300 : true); max-width: 300px; max-height: 300px;


!important 是CSS1就定义的语法,作用是提高指定样式规则的应用优先权(参见:W3.org的解释 )。语法格式{ sRule!important },即 写在定义的最后面,例如:

box{color:red !important;}

最重要的一点是:IE一直都不支持这个语法,而其他的浏览器都支持。 因此我们就可以利用这一点来分别给IE和其他浏览器不同的样式定义

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消