上一篇
下一篇
使IE6也支持min-height属性
作者:techmango 日期:2009-06-25
熟悉Div/CSS网页开发的朋友们应该会知道最小高度min-height是个很有用的属性，它可以让很短的内容也有一个很合适的高度，使页面显得美观。但很可惜IE6不支持这一属性。怎么办呢？我们可以用另外一种方法让IE6也能实现最小高度min-height属性的效果。
众所周知，如果内容超过元素的高度，那么IE6是会自动增加元素的高度，即使你明确的定义了元素的高度。我们可以利用IE6的这个bug来让IE6也有最小高度min-height属性的效果。具体代码如下：
height:auto !important;
height:500px;
min-height:500px;
height:500px;
min-height:500px;
解释：
1、由于IE6不支持!important所以它只识别height:500px这一句，超过500px后，IE6自身会增加盒子的高度；
2、IE7和其他标准浏览器三句都能识别，虽然定义height:500px，但我们又有了height:auto !important，所以超过500px也能自动增加盒子的高度。
三句代码让IE6也有了最小高度min-height的效果，简单又实用，能兼容大部分的主流浏览器,不错吧。
[本日志由 techmango 于 2009-06-25 08:27 AM 编辑]
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: IE6 CSS min-height
文章来自: 本站原创引用通告: 查看所有引用 | 我要引用此文章Tags: IE6 CSS min-height 735
评论: 0 | 引用: 0 | 查看次数: -
发表评论