Javascript 如何在div上只有一个垂直滚动条

我有一张桌子，它在一个div中。桌子的长度可以变化，我使用div强制执行高度

<div id='CamListDiv'>
<table>
    <thead>
        <th><input type='checkbox' id='selectAll'/></th>
        <th>Local Camera List</th>
    </thead>
    <tbody>
        <tr><td>//camera 1 data //</td></tr>
        <tr><td>...</td></tr>
        <tr><td>//camera x data //</td></tr>
    </tbody>
</table>
</div>

CSS
#CamListDiv {
    height: 340px;
    float: left;
    overflow: auto;
    overflow-y: hidden;
}

本地摄像机列表
//摄像机1数据//
...
//照相机x数据//
CSS
#CamListDiv{
高度：340px；
浮动：左；
溢出：自动；
溢出y：隐藏；
}

我的问题是，当需要垂直滚动条时，它占用的空间会导致出现水平滚动条。 我不需要水平滚动条，我尝试使用

overflow-y:hiddencss属性隐藏它，但这会导致两个滚动条都被隐藏

有人知道为什么
overflow-y:hidden未按预期工作，或者如何阻止水平滚动条可见？
您正在隐藏垂直滚动条，而不是水平滚动条

更改
overflow-y：隐藏到
溢出-x：隐藏


这里有一个

我添加了超过高度的内容，并在
#CamListDiv
中添加了宽度大于340px的
div。内容只能垂直滚动。
您可以使用css2中的Overflow-y，请参见IE8及更早版本中Overflow-y属性无法正常工作的方式。

尝试在div内的表中设置一个style=“width:100%；”，这应该会隐藏水平条，因为它不会比它的容器大。
我在回复帖子时并不总是迟到一分钟；但当我是的时候，它是简朴的
overflow
是CSS 2的一个属性。我在一个星期五早上问过这个问题，你可能猜得到。我真的应该知道x在那边，y在上面！谢谢你的回答！如果你要发表这样的评论，你应该建议一个更好的推荐人。此外，学校从未让我失望过。格式也比大多数网站好。