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

【问题标题】：How to prevent the vertical scroll of this div?如何防止这个div的垂直滚动？
【发布时间】：2015-06-19 12:59:18
【问题描述】：

我不是很喜欢 CSS，我有以下问题。

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

所以为了解决这个问题，我把这个表放到一个可滚动的 div 中，如下所示：

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

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

您可以看到 div 内容结果也可以垂直滚动，我不想要它。我无法发布小提琴，因为内表是由标签库呈现的。

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

Tnx

【问题讨论】：

【解决方案1】：

试试

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

使溢出-y：隐藏。

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

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案5】：

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

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

【讨论】：