x：隐藏增加了一个垂直滚动条
这个问题在这里已经有了答案：
查看相关问题的这个答案：https：//stackoverflow.com/a/6433475/3583023
它解释了原因
el {
overflow-x: hidden;
overflow-y: visible;
}
呈现为
el {
overflow-x: hidden;
overflow-y: auto;
}
通常呈现相同
el {
overflow-x: hidden;
overflow-y: scroll;
}
因为overflow-y的auto值在大多数浏览器中scroll 。
所以，为了达到这个效果，我们不能使用overflow-x/overflow-y属性。 我已经尝试过使用clip属性作为潜在的选择，但目前还没有运气：http://jsfiddle.net/qvEq5/
首先，这个小提琴显示你描述的问题。
到目前为止，我不知道如何解决这个问题，但是这里的规范似乎提示：
' overflow-x '和' overflow-y '的计算值与它们的指定值相同， 除了某些与'visible'的组合是不可能的 ：如果一个被指定为'visible'而另一个'scroll'或'auto'，那么'visible'被设置为'auto'。
就在一小时前，我遇到了类似的问题，除了当我将overflow的值指定为auto时发生问题。 我没有使用overflow-x或overflow-y ，我只是需要它来完全包含我的两个浮动在相反两端的列表。
对我来说有效的是我将overflow的价值改变为hidden 。 试试看。 我已经将max-width设置为100% ，而不是指定高度，我只是使用overflow: hidden 。
希望有所帮助。
链接地址: http://www.djcxy.com/p/87821.html