Html 表格延伸到屏幕之外

我有一张桌子，它从屏幕向右延伸（它已固定，并且该宽度大于屏幕宽度）。浏览器自动在底部创建滚动条。在右侧的“不可见”区域中显示此表时，如何指示浏览器不创建滚动条？本练习的目的是使用 JavaScript 向左滚动该表，将其内容显示在最初位于屏幕之外的右侧。

如果我为“body”设置“overflow:hidden”，则所有其他内容将变得不可滚动，以防不适合屏幕（例如，在 1024 浏览器中，因为内容针对 1280 进行了优化）。我只需要这个表（位于两个 DIV 内）而不创建浏览器滚动条...

代码如下所示

<div style="position:relative;overflow:hidden;width:1500px">
    <div style="float:left">
        <table style="table-layout:fixed;width:1500px">
            <tr>
                <td style="width:300px">
                    aaa
                </td>
                <td style="width:300px">
                    bbb
                </td>
                <td style="width:300px">
                    ccc
                </td>
                <td style="width:300px">
                    ddd
                </td>
                <td style="width:300px">
                    eee
                </td>
            </tr>
        </table>
    </div>
</div>

添加以下 CSS 规则：

body
{
  overflow-x:hidden;
}

EDIT:看到你的评论后，table是在一个div我建议如下。假设您的标记是：

<div class="tablecontainer">
  <table />
</div>

使用以下 CSS 规则：

div.tablecontainer
{
  overflow-x:hidden;
}