Internet Explorer 9 的神奇扩展 div答案

【问题标题】：Internet Explorer 9's magically expanding divInternet Explorer 9 的神奇扩展 div
【发布时间】：2012-11-01 10:33:33
【问题描述】：

好吧，我被这个难住了。如您所见，如果您使用 Internet Explorer 9 查看this jsfiddle，则有一个 div 会在悬停时自动展开。不需要javascript！无论如何，我用W3C validator检查了css，它显示了几个错误，但据我所知，它们是由于供应商特定的属性，或者至少我无法找到语法错误等。我怀疑这个特定的类对于 IE 9 来说可能太多了：

div.gridViewScrollerH
{
    width: 916px;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-x: auto;
    -ms-overflow-y: hidden;
}

以前有人遇到过这个问题吗？有任何想法吗？谢谢

【问题讨论】：

IE9 不需要-ms-overflow-x 或-ms-overflow-y。这些分别是overflow-x 和overflow-y 的别名，所以如果你已经使用了无前缀版本，就没有理由使用它们（如果你这样做它们没有任何效果）。
我认为这更像是一个自动与隐藏的溢出问题。例如，某些值组合将不起作用。
@BoltClock 是的，我最初没有这些。当我开始绝望时，我添加了这些行：p

标签： html css internet-explorer-9

【解决方案1】：

只需将display: inline-block; 添加到课程中

div.gridViewScrollerH
{
    display: inline-block;
    width: 916px;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-x: auto;
    -ms-overflow-y: hidden;
}

【讨论】：

对不起。 display: inline-block 我的意思是。我固定答案。 Thnx BoltClock
display:inline-block 也为我工作。在我的例子中，只有 overflow:auto这个概念导致了这个 IE9“神奇地扩展 div”错误
一个更新，它只适用于固定宽度，如果你没有定义宽度，它将无法工作

【解决方案2】：

这个问题是 IE9 特有的。将 div 的溢出样式设置为 scroll ，而不是应用 auto.

【讨论】：

【解决方案3】：

请尝试在类中添加 min-height: 0%

【讨论】：