当前位置: 首页 > 面试题库 >

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

姬成荫
2023-03-14
问题内容

我有一个可能包含大量数据的元素,但是我不想让它破坏页面布局,所以我设置了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,但是在没有太多数据的情况下,它会留出大量的空白空间。


问题答案:

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

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

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

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



 类似资料:
  • 我试图理解我的意外行为: 容器中有一个最大高度为100%的元素,该容器也使用了最大高度,但意外的是,子元素溢出了父元素: 测试用例:http://jsfiddle.net/bq4Wu/16/ 但是,如果为父级指定了明确的高度,则这是固定的: 测试用例:http://jsfiddle.net/bq4Wu/17/ 有人知道第一个例子中孩子为什么不尊重父母的最大身高吗?为什么需要明确的高度?

  • 问题内容: 我试图了解什么对我来说似乎是意外的行为: 我在容器内有一个最大高度为100%的元素,该元素也使用最大高度,但是,出乎意料的是,子代溢出了父代: 但是,如果给定父级的显式高度,则此问题已解决: 有谁知道为什么孩子在第一个例子中不尊重父母的最大身高?为什么需要一个明确的高度? 问题答案: 当您指定的百分比上一个孩子,这是父母的实际高度的百分比,而不是父母的,奇怪的。同样适用于。 因此,如果

  • 问题内容: 给出以下HTML代码段: 您(通常)会得到一个黑匣子,其中的滚动条包含一个数字1至30,每个数字都在新行中。 您可以在该框内上下滚动。 我现在需要的是找出框处于哪个滚动位置的可能性。假设每行高15像素,然后向下滚动到数字10,我想得到的结果是数字150(15像素* 10行)。 我在哪里可以找到这个号码? 我手上有普通的JavaScript和jQuery。 问题答案: 您需要使用该属性。

  • 在下面的代码中, 我有一个父div(.parent)和三个子div(.child1、.child2、.child3) 要求- 。儿童2应该重叠。儿童3 。child2应该可以水平滚动 问题- 使用绝对位置设置overflow-x不起作用。 如何使此表可滚动,以及使其与下面的所有div重叠? 企图-

  • 问题内容: 我正在使用Java。如果我在Eclipse Helios中点击+ + ,它将自动格式化我的代码。在某一点,它会换行。我想增加最大线长。我怎样才能做到这一点? 问题答案: 在首选项 Java- >代码样式->格式化程序中,编辑配置文件。在“ 线绕包” 选项卡下,是线宽(最大线宽:)的主要选项。在“ 注释” 选项卡中,有一个单独的选项 “注释的最大行宽:” ,还需要对其进行更改以影响注释换

  • 我不使用GUI编辑器手动创建布局,我需要将高度设置为“自动”,以便用户可以看到整个表单。我将GridLayout包装到FlowLayout中,这样输入就不会被拉伸。创建这样的布局的最佳实践是什么。是否有人可以修改它,使整个表单可见或使用GridLayout,但可以设置表单中输入的宽度和高度? 未使用包装方法设置首选尺寸 使用包装方法设置首选尺寸 将扩展状态设置为最大化,但更新按钮不完全可见。如何设