我有一个可能包含大量数据的元素,但是我不想让它破坏页面布局,所以我设置了max-height: 100px和overflow:auto,希望在内容不适合时显示滚动条。
max-height: 100px
overflow:auto
一切在Firefox和IE7中都可以正常工作,但是IE8的行为就像overflow:hidden是存在而不是overflow:auto。
overflow:hidden
我尝试了overflow:scroll,仍然没有帮助,IE8只是将内容截断而不显示滚动条。更改max- height声明height品牌溢出工作OK,这是组合max-height和overflow:auto打破的东西。
overflow:scroll
max- height
height
max-height
在IE8的最终发行版本中,这也被记录为[正式错误。
有解决方法吗?现在,我求助于height而不是使用max-height,但是在没有太多数据的情况下,它会留出大量的空白空间。
这是一个非常讨厌的错误,因为它影响着我们大量的堆栈溢出与<pre>代码块,其中有max-height:600和width:auto。
<pre>
max-height:600
width:auto
在没有修复的IE8最终版本中,它被记录为错误。
/* SUPER nasty IE8 hack to deal with this bug */ pre { max-height: none\9 }
当然还有其他人提到的条件CSS,但是我不喜欢它,因为这意味着您在每个页面请求中都要处理额外的HTML问题。