我有一个可能包含大量数据的元素,但我不希望它破坏页面布局,所以我设置max-height: 100px
并overflow:auto
希望在内容不适合时出现滚动条.
这一切在Firefox和IE7中运行良好,但IE8表现得好像overflow:hidden
存在而不是overflow:auto
.
我试过overflow:scroll
,仍然没有帮助,IE8只是截断内容而不显示滚动条.更改max-height
声明,height
使溢出的工作好了,它的组合max-height
和overflow:auto
打破的东西.
这也是IE8最终版本中的官方错误
有解决方法吗?现在我使用height
而不是max-height
,但是如果没有太多数据,它会留下足够的空白空间.
这是一个非常讨厌的错误,因为它会严重影响我们使用代码块的Stack Overflow ,它们具有
max-height:600
和width:auto
.
它被记录为IE8最终版本中的一个错误,没有修复.
http://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=408759
有一个非常非常hacky的CSS解决方法:
http://my.opera.com/dbloom/blog/2009/03/11/css-hack-for-ie8-standards-mode
/*
SUPER nasty IE8 hack to deal with this bug
*/
pre
{
max-height: none\9
}
当然还有其他人提到的条件CSS,但我不喜欢这样,因为这意味着你在每个页面请求中都会提供额外的HTML.