html - 内容器上的滚动条盖

Question

容器是一个弹出窗口，所以它必须是 block 状的和绝对的。它有一个最大高度，它可以包含一个表格作为我的例子:

http://jsfiddle.net/3rsaLcwe

.container
{
    display: block;
    position: absolute;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

如果表格的高度>它的高度，只有垂直滚动条出现，但我们必须隐藏水平滚动条。但是，垂直滚动条覆盖在桌面上。请帮我解决这个问题。注意表格的宽度是动态的，水平滚动条必须隐藏，垂直滚动条不能覆盖在表格上。谢谢。

Answer 1

如果我理解正确的话，滚动条会覆盖表格。只需向容器添加填充:

padding-right:10px;