Html 在不影响页面其余部分的情况下，水平滚动一个非常宽的div

我试图在这样的页面中显示一个表

然而，对于真实数据（尤其是移动数据），图表将比屏幕大得多

这是我的目标。我想垂直滚动工作的预期。如果添加的行数越多，页面滚动的时间就越长。。。太好了

然而，在水平方向上，我希望它感觉只有表格内容水平滚动。因此，本质上我不希望页面上的页眉/页脚、搜索栏、标题或任何其他HTML内容水平滚动。我想让它表现得好像没有一张很宽的桌子。但是，当然，我希望表格尝试将其自身居中，并在需要时水平滚动

我尝试了

overflow-x:scroll

，但没有效果，因为整个页面突然滚动。目标是只有表格可以水平滚动。

试试这个

<div style="width: 100vw; overflow-x: auto;">
    <table>
    </table>
</div>

设置元素的宽度，并根据要垂直或水平滚动元素的方式，将溢出-x或溢出-y添加到“滚动”中

是否使用引导？然后试试看

<div class = "overflow-auto"></div>

---

设置

宽度：500px

并添加

溢出-x:auto

添加一些标记，显示您迄今为止所做的工作。这不是fiverr/upwork，而是堆栈溢出。将溢出-x:auto添加到仅表中。除了100vw之外。由于某些原因，100%不起作用。

.theDiv{
position: fixed;
overflow-x: scroll;
}