css - How to set up overflow in twitter bootstrap dropdown list with submenus?

Question

I have a problem with css overflow property for twitter bootstrap dropdown component with submenus.

When setting max-height and overflow to auto the scrollbar appears in the list as it should, but submenus go inside the drop down list under horizontal scroll, which is not what I need.

Here is the example of this issue.

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

I've tried changing values overflow-x and overflow-y, but none of them worked well.

Answer 1

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

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

如果是这种情况，我建议尝试采用柱状方法。Have<div>在<li>that have 中float: left;，然后在其中放置子菜单。

对不起，但我认为这是您问题的唯一答案。

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