IE8溢出:自动带最大高度

Question

我有一个可能包含大量数据的元素,但我不希望它破坏页面布局,所以我设置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,但是如果没有太多数据,它会留下足够的空白空间.

Answer 1

这是一个非常讨厌的错误,因为它会严重影响我们使用<pre>代码块的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.