继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

qq_唔叫咩_0
关注TA
已关注
手记 13
粉丝 3
获赞 9

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和其他浏览器不同的样式定义

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP