一起CSS

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

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

查看:1,485 评论:7 标签:,

相关日志

共有 7 条评论

发表留言

请言之有物,无意义留言或只为留链接留言一律不予通过!

提示: 您可以使用一些简单的标签: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

分类

最新日志

最新评论

存档

链接

  • 亚当学院
  • CSS视频教程下载
  • 前沿视频教室
  • 前端爱好者
  • GoodText
  • Kily`s Blog
  • mymickey
  • 秦丰网站策划
  • 奥想创意
  • 我的职业生涯
  • 蜗爱CSS
  • 蜈蚣's Blog
  • web标准学习—小辉博客
  • 十字花匠

© Copyright 2010 一起CSS All Rights Reserved