问题描述
我有一个元素可能包含非常大量的数据，但我不想破坏页面布局，所以我设置 max-height：100px 和 overflow：auto ，希望在内容不合适时显示滚动条。
I have an element which may contain very big amounts of data, but I don't want it to ruin the page layout, so I set max-height: 100px and overflow:auto, hoping for scrollbars to appear when the content does not fit.
在Firefox和IE7中都可以正常工作，但IE8的行为与 overflow：hidden code> overflow：auto 。
It all works fine in Firefox and IE7, but IE8 behaves as if overflow:hidden was present instead of overflow:auto.
我试过 overflow：scroll ，仍然没有帮助，IE8简单地截断内容而不显示滚动条。将 max-height 声明更改为 height 使溢出工作正常，它是 max-
I tried overflow:scroll, still does not help, IE8 simply truncates the content without showing scrollbars. Changing max-height declaration to height makes overflow work OK, it's the combination of max-height and overflow:auto that breaks things.
有解决方法吗？现在我诉诸于使用 height 而不是 max-height ，但它留下了大量的空白空间，很多数据。
Is there a workaround? For now I resorted to using height instead of max-height, but it leaves plenty of empty space in case there isn't much data.
推荐答案
这是一个非常讨厌的错误，因为它严重影响我们的Stack Overflow与< pre> 代码块，具有 max-height：600 和 width：auto 。
This is a really nasty bug as it affects us heavily on Stack Overflow with <pre> code blocks, which have max-height:600 and width:auto.
它是在IE8的最终版本中记录为一个错误，没有修复。
It is logged as a bug in the final version of IE8 with no fix.
a href =http://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=408759 =nofollow noreferrer> http://connect.microsoft.com/IE/feedback/ViewFeedback.aspx ？FeedbackID = 408759
http://connect.microsoft.com/IE/feedback/ViewFeedback.aspx?FeedbackID=408759
有一个非常奇怪的CSS解决方法：
There is a really, really hacky CSS workaround:
/*
SUPER nasty IE8 hack to deal with this bug
*/
pre
{
max-height: none\9
}
当然还有其他人提到的条件CSS，但我不喜欢，因为这意味着您在每个网页请求中提供额外的HTML批处理。
and of course conditional CSS as others have mentioned, but I dislike that because it means you're serving up extra HTML cruft in every page request.
这篇关于IE8 overflow：auto with max-height的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！