Question

我需要一些帮助，我有一个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; }

有关在IE7中正确地使div溢出的任何建议都会很棒。

彼得。

Answer 1

你试过了吗？

*zoom:1;

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

Answer 2

我无法理解原因，但从.Chart_Small中删除white-space: normal;可以解决这个问题。你能检查一下它是否适合你吗？

IE7 Div Bug溢出：自动

2 个答案: