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

Question

我对带有子菜单的twitter bootstrap下拉组件的css overflow属性有问题.

当设置max-height并溢出为auto时,滚动条会出现在列表中,但子菜单会进入水平滚动下的下拉列表,这不是我需要的.

以下是此问题的示例.

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

我尝试过更改overflow-x和overflow-y的值,但是没有一个能很好地工作.

Answer 1

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

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

如果是这种情况，我建议尝试采用列式方法。Have<div>位于<li>has内float: left;，然后在其中放置子菜单。

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

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