css - 如何在带有子菜单的 twitter bootstrap 下拉列表中设置溢出？

Question

我对带有子菜单的 twitter bootstrap 下拉组件的 css 溢出属性有问题。

将 max-height 和 overflow 设置为 auto 时，滚动条会正常出现在列表中，但子菜单会进入水平滚动下的下拉列表，这不是我需要的。

这是这个问题的例子。

http://jsfiddle.net/ftMhv/1/

我试过更改 overflow-x 和 overflow-y 的值，但没有一个效果很好。

Answer 1

在您描述的问题中使用溢出时，它将隐藏其中的所有子项。不幸的是，真的没有办法解决它。

为什么需要滚动导航下拉菜单？是因为太长了吗？

如果是这种情况，我会建议尝试使用分栏方法。有<div>在 <li> 内有 float: left;然后在其中放置子菜单。

抱歉，但我认为这是您问题的唯一答案。

编辑:您可以使用 javascript 和 jquery 创建一个 float 的绝对定位容器，显示在用户鼠标的坐标处。不过，这可能会变得非常棘手和复杂。