一尘不染

IE8溢出:自动设置最大高度

css

我有一个可能包含大量数据的元素,但是我不想让它破坏页面布局,所以我设置了max-height: 100pxoverflow:auto,希望在内容不适合时显示滚动条。

一切在Firefox和IE7中都可以正常工作,但是IE8的行为就像overflow:hidden是存在而不是overflow:auto

我尝试了overflow:scroll,仍然没有帮助,IE8只是将内容截断而不显示滚动条。更改max- height声明height品牌溢出工作OK,这是组合max-heightoverflow:auto打破的东西。

在IE8的最终发行版本中,这也被记录为[正式错误。

有解决方法吗?现在,我求助于height而不是使用max-height,但是在没有太多数据的情况下,它会留出大量的空白空间。


阅读 256

收藏
2020-05-16

共1个答案

一尘不染

这是一个非常讨厌的错误,因为它影响着我们大量的堆栈溢出与<pre>代码块,其中有max-height:600width:auto

在没有修复的IE8最终版本中,它被记录为错误。

/*
SUPER nasty IE8 hack to deal with this bug
*/
pre 
{
    max-height: none\9 
}

当然还有其他人提到的条件CSS,但是我不喜欢它,因为这意味着您在每个页面请求中都要处理额外的HTML问题。

2020-05-16