div 的内容在 Internet Explorer 中显示错误答案

【问题标题】：Contents of Div Are Displaying Wrong in Internet Explorerdiv 的内容在 Internet Explorer 中显示错误
【发布时间】：2012-08-19 02:30:55
【问题描述】：

我正在为网站设计一个 v3 平台。我们几乎完成了，现在只是对跨浏览器发短信做最后的润色。一切正常，除了 IE。

我在 IE 9 中进行测试，当页面加载时，页面顶部应该有一个滑块。滑块被设置为一个长的图像/描述文本块，jQuery 在页面上和页面外滑动。

滑块 div 工作正常，但 div 的内容奇怪地块显示在侧面。所以基本上我的 div 的内容没有显示在我的 div 中。

那么，IE 是否存在任何导致此问题的错误/怪癖。

示例代码：

<div id="cont">
  <div
    <img src="bar" />
    <a href="foo"></a>
  </div>
  <div>
    <img src="bar" />
    <a href="foo"></a>
  </div>
</div>

CSS：

.cont {
position: relative;
display: block;
overflow: hidden;
}

.cont div{
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 980px;
opacity: 1;
z-index: 5;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

【问题讨论】：

标签： internet-explorer html cross-browser

【解决方案1】：

事实证明，在我最近询问的许多问题中，这仅仅是由于 Internet Explorer 无法计算超过 31 个样式表造成的。

因此，如果您有超过 31 个样式表，请小心。

【讨论】：