css 高度自动适应 让IE6也有最小高度min-height效果 - CSS+DIV -

css 高度自动适应 让IE6也有最小高度min-height效果

时间:2010-01-28 00:14:25   来源:   评论:加载中...   点击:加载中...
布局过的人都知道CSS的最小高度min-height是个很有用的属性,它可以让很短的内容也有一个很合适的高度,使页面显得美观。但很可惜IE6不支持...
布局过的人都知道CSS的最小高度min-height是个很有用的属性,它可以让很短的内容也有一个很合适的高度,使页面显得美观。但很可惜IE6不支持这一属性。怎么办呢?我们可以用另外一种方法让IE6也有最小高度min-height属性的效果。

众所周知,如果内容超过元素的高度,那么IE6是会自动增加元素的高度,即使你明确的定义了元素的高度。我们可以利用IE6的这个bug来让IE6也有最小高度min-height属性的效果。具体代码如下:

height:auto !important;
height:500px;
min-height:500px;
解释:

1、由于IE6对!important的解释存在bug,所以它只识别height:500px这一句,超过500px后,IE6自身会增加盒子的高度;

2、IE7和其他标准浏览器三句都能识别,虽然定义height:500px,但我们又有了height:auto !important,所以超过500px也能自动增加盒子的高度。

三句代码让IE6也有了最小高度min-height的效果,简单又实用,不错吧。


相关热词搜索:

 
上一篇:CSS的长度单位(em) 与em标签
下一篇:IE下LI元素产生间距的BUG(附解决方案)
收藏 将此文推荐给朋友
分享到: