为什么我的div有垂直滚动，即使overflow-y设置为可见？

Question

我有一个html表，我希望能够水平滚动，而不是垂直滚动。

HTML基本上是这样的：

<div id="wrapper">
    <table id="the-table"></table>
</div>

CSS：

#wrapper {
  overflow-x: scroll;
  overflow-y: visible;
}

当这样设置css时。我看到两个卷轴：垂直和水平。

该表在每一行中都有几个选择元素。我希望它们在点击时垂直溢出。

水平滚动的原因是我希望它在较小的屏幕中可滚动。

编辑：overflow-y：hidden不起作用，因为每行中都有select元素。我绝对希望它们垂直溢出。