最小高度属性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;,所以它们会执行第二行的高度自动适应的代码,使得最小高度的效果得以实现。
上一篇:IE的坏脾气——双边距Bug
下一篇:IE的坏脾气——“台阶”Bug
-
|1F
六月 30, 2011 11:50 上午最小高度属性min-height在CSS中是一个很有用的属性,这个属性的作用我怎么感觉其实一点用都没有啊,不是说“最小高度属性min-height在CSS中是一个很有用的属性”这个效果没实现,而是我感觉这个效果也一点价值都没有吧?求指教。
回复
这篇文章有1个评论. 留下评论