让IE6也有最大高度max-height的效果
日期:2008-08-21 分类:CSS
上次写了《让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,那么就可能会使页面不美观。自己看这用不用吧!
未能实现“让IE6也有最大高度max-height的效果”
标题打错了。应该是max吧。
感谢提醒!
ie6的height其实是min-height
如果你不加overflow,在ie中超过height的值,容器的高度会自动增加
你也去前沿视频逛逛的吧,呵呵他的博客不错的哦同道中人
不错,很实用,谢谢分享。。。
[...] 如果您有兴趣,你还可以查看《让IE6也有最大高度man-height的效果》 分类: CSS 条评论 123 再谈内联元素/行内元素 [...]