0

我需要一些帮助，我有一个 IE7 CSS 问题（一些客户仍然使用 IE7，所以我需要为它编写代码）。

我遇到了一些嵌套 div 和水平滚动条的问题，它在 IE8+ 和其他所有东西中都可以正常工作。

发生的情况是，溢出应该创建一个水平滚动条，因此里面的内容可以扩展到屏幕边缘之外。

HTML

<div class="CenterBoxFlow Rounded" >
 <div class="CenterBoxContainer" id="panetest">
  .. Content
 </div>
</div>

CSS

.CenterBoxFlow { border: 1px #ccc solid; width: 1110px; white-space: normal; vertical-align: top; display: inline-block; overflow: visible; padding: 15px; margin-bottom: 6px; text-align: center; float: left; position:relative; }
.CenterBoxContainer { text-align: left; width:1110px; overflow:auto; white-space:nowrap; vertical-align:top; overflow-y:hidden; display:inline-block; position:relative;  }

仅供参考，内容也是一系列具有以下样式的 div：

.Chart_Small { padding: 5px; width: 152px; white-space: normal; display: inline-block; position: relative; *display: inline; zoom: 1; }

任何关于让 div 在 IE7 中正确溢出的建议都会很棒。

彼得。

4

2 回答 2

0

你有没有尝试过：

*zoom:1;

它解决了许多 ie7 错误.. ;)

于 2013-01-14T17:27:57.580 回答
0

我不明白为什么，但从white-space: normal;.Chart_Small 中删除为我修复了这个错误。你能检查它是否适合你吗？

于 2013-01-14T17:33:13.787 回答