我正在尝试创建类似于 OS X 的列视图的多线程导航：
在此处的标记中，我有一个列表列表，位于<nav>具有定义高度的父项中。然后每个li都以定义的宽度和 a 向左浮动height: 100%。然后我使用css 三角形技巧来制作小箭头，并将其放置在带有正数的下一列中z-index。到目前为止，一切都很好。
但是，第 2 列太长：我希望它滚动。但是，当我分配ul一个overflow-y: auto时，我得到：
等一下！所有这些滚动条是从哪里来的！？我不想要 x 的滚动条！但即使我设置overflow-x: visible了，它也会忽略它并给我一个滚动条。遗憾的是，这是指定的。是否有针对此的 CSS 解决方法？我是否必须编写一些古怪的 JavaScript 才能对列表滚动和重新定位箭头做出反应？
编辑：添加了jsbin