min-height 属性的使用以及IE6.0不兼容问题的解决办法

今天在做网站的时候要求 有个最小高度,于是想到了min-height 这个属性,可以在测试的时候发现IE6 不支持这个属性,FF 支持非常好,于是搜索解决的方法。

千鳥志 的傅客中发现了一种解决方法

.beispieldiv { min-height:150px; height:auto; background:#ccc; padding:10px;}
* html .beispieldiv { height:150px; } /* nur für IE 5.5 - 6.x */
html + body .beispieldiv { height:150px; } /* nur vom IE 5.0 */

在IE环境下,其实height就几乎就等于是min-height,指定容器高度后,当内容撑大时有自动延伸的特质。在FF内不会,而是显示固定height值。min-height:150px; 在IE下不做解析,height:150px; 是专为IE定义的,height:auto;应该是兼容性定义

飘零雾雨 的傅客中也发现一种解决方法

div {
min-height:100px;
_height:100px;
}

实现关键就在于{ _height:100px; },这是为它定制的一个Hack。

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值