一起CSS

当前位置:一起CSS > CSS > 文章正文

让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,那么就可能会使页面不美观。自己看这用不用吧!

查看:5,014 评论:7 标签:,

相关日志

已经有 7 条群众意见

  1. 让IE6也有最小高度min-height的效果 | 17css-青色’s Blog

    [...] 如果您有兴趣,你还可以查看《让IE6也有最大高度man-height的效果》 分类: CSS 条评论 123 再谈内联元素/行内元素 [...] 对话

    #1
  2. csser

    不错,很实用,谢谢分享。。。 对话

    #2
  3. 有心无错

    ie6的height其实是min-height
    如果你不加overflow,在ie中超过height的值,容器的高度会自动增加 对话

    #3
  4. 小阿布有心无错

    你也去前沿视频逛逛的吧,呵呵他的博客不错的哦同道中人 对话

    #4
  5. richcss

    标题打错了。应该是max吧。 对话

    #5
  6. 青色richcss

    感谢提醒! 对话

    #6
  7. lw

    未能实现“让IE6也有最大高度max-height的效果” 对话

    #7

我要发表意见