让IE6也有最大高度max-height的效果
上次写了《让IE6也有最小高度min-height的效果》,现在来写《让IE6也有最大高度man-height的效果》。 具体代码如下:
height:auto !important; height:500px; max-height:500px; overflow:hidden;
解释:
1、IE6不识别max-height:500px和height:auto !important这两句,超过500px(也就是我们所希望的最大高度)后的内容将自动以藏;
2、IE7及其他标准浏览器全部识别,所以有期望的效果。
但仍然存在一个问题:在没有任何内容的时候,IE6里还是会有500px的高度。因为IE6对!important的解释存在bug(你可以点击这里查看),这时IE6只认height:500px,而不认height:auto !important,所以在IE6里自然就出现500px的高度。
最大高度max-height应用相对较少,因为有可能会出现某些我们没有考虑到的因素而使内容超高了这个最大高度max-height,那么就可能会使页面不美观。自己看这用不用吧!