我有一个两级水平导航菜单;第二级垂直显示。二楼的物品数量各不相同。有时，列表中有足够的项目超出浏览器视图。我决定使用overflow-y:auto和max-height:<arbitrary height>px来阻止这个问题。但现在我有另一个问题，滚动条剪切溢出列表的一些垂直不动产，为滚动条本身腾出空间，这迫使水平滚动条显示为能够显示剪切区域。
如何防止列表宽度的滚动条剪切部分？谢谢。
P.S。如果你有更好的问题标题，请告诉我。我正在经历艰难的时光。
答案 0 :(得分：0)
我快速浏览了一下，注意到你的“a”标签都有填充：5px和宽度：100％;这导致它们被渲染为（100％+ 10px），其中10px将始终位于滚动后面。
所以为了让容器正确地具有100％的宽度，尝试给出“a”标签填充：5px 0;并给予填充：5px;到垂直下拉菜单。
希望它有所作为。
以下是我所做的更改：http://jsfiddle.net/XxasC/10/ 您需要修复因添加填充而导致的一些问题。
结论：永远不要同时给予元素“width：100％”和“padding-left / right”，因为它将被渲染为宽度超过100％！ （填充总是加到宽度 - 甚至是100％）