最小高度属性min-height在CSS中是一个很有用的属性,这个属性值会对元素的高度设置一个最低限制。它要求元素可以比指定值高,但不能比其矮。而且此属性不允许指定负值。在网页布局中,最小高度属性可以让很少的内容有一个合适的高度,使一定的布局能够加以实现。但是遗憾的是,IE6不支持这一属性,那么如何在IE6中也实现最小高度的效果呢?这里有一些技巧,代码如下:

selector {
min-height:500px;
height:auto !important;
height:500px;
}

解释上述代码就是:当IE6识别代码时,由于它不支持min-height属性,也无法识别!important,所以它会直接执行第三行height:500px;,并且当内容的高度大于500像素时,它会自动增加高度。而标准的浏览器例如IE7或者Firefox能够识别min-height属性,虽然说第三行的height:500px;固定了高度值,但是我们给第二行的height:auto;增加了权重,应用了!important;,所以它们会执行第二行的高度自动适应的代码,使得最小高度的效果得以实现。

分享到: