如何防止这个div的垂直滚动？

Question

我不太喜欢 CSS，我遇到了以下问题。

我遇到以下情况：进入一个页面我有一个非常大的 table（因为它没有进入页面而被水平截断）。

所以为了解决这个问题，我把这个 table 放到一个可滚动的 div 中，像这样：

<div style="overflow-x: scroll;">
    // Into this div there is my original table
</div>

所以我使用了 overflow-x: scroll; 属性因为我希望 div 的内容只能水平滚动（不是垂直）。但问题是我获得了这个输出：

如您所见，div 内容结果也可以垂直滚动，我不想要它。我不能 post a fiddle 因为内部 table 是由标签库呈现的。

如何解决这个问题并只获得水平卷轴？我错过了什么？

Tnx

Answer 1

尝试

<div style="overflow-x: scroll; overflow-y:hidden;">
    // Into this div there is my original table
</div>

Answer 2

默认情况下 overflow-y: visible; 应该在那里，可能有其他原因导致滚动条。在 Chrome 调试器中查看各种父 div 的 overflow-y 值。

Answer 3

使溢出-y:隐藏。

<div style="overflow-x: scroll;overflow-y:hidden;">
    // Into this div there is my original table
</div>

Answer 4

先给你的div<div style="overflow: auto">看看。如果 y 轴上的滚动仍然显示，请键入 <div style="overflow-x: auto; overflow-y: hidden">.

Answer 5

.div {
  overflow-x: scroll;
  overflow-y: hidden;
}

<div class="div">
</div>

How to prevent the vertical scroll of this div?