html - 仅水平滚动的 Div

Question

我有一个包含多列表格的固定宽度 DIV，需要允许用户在 DIV 内水平滚动表格。

这需要仅适用于 IE6 和 IE7(内部客户端应用程序)。

以下在 IE7 中有效:

overflow-x: scroll;

任何人都可以提供在 IE6 中也适用的解决方案吗？

Answer 1

解决方案相当简单。为确保我们不影响表格中单元格的宽度，我们将关闭 white-space。为确保获得水平滚动条，我们将打开 overflow-x。就是这样:

.container {
    width: 30em;
    overflow-x: auto;
    white-space: nowrap;
}

可以看到the end-result here ，或在下面的动画中。如果表格决定了容器的高度，则不需要将 overflow-y 显式设置为 hidden。但要明白这也是一种选择。