我在使用Twitter Bootstrap下拉菜单组件的子菜单时遇到了CSS溢出属性的问题。
当将max-height和overflow设置为auto时,滚动条会像应该出现在列表中,但子菜单会进入水平滚动条下面的下拉列表中,这不是我需要的。
以下是此问题的示例。
我尝试更改overflow-x和overflow-y的值,但它们都没有很好地解决问题。
我在使用Twitter Bootstrap下拉菜单组件的子菜单时遇到了CSS溢出属性的问题。
当将max-height和overflow设置为auto时,滚动条会像应该出现在列表中,但子菜单会进入水平滚动条下面的下拉列表中,这不是我需要的。
以下是此问题的示例。
我尝试更改overflow-x和overflow-y的值,但它们都没有很好地解决问题。
在你所描述的情况下,使用overflow将隐藏其中的所有子元素。不幸的是,真的没有什么办法可以解决这个问题。
为什么需要滚动导航下拉菜单?是因为它太长了吗?
如果是这种情况,我建议尝试列式方法。在<li>
中放置带有float: left;
的<div>
,然后在其中放置子菜单。
抱歉,但我认为这是你的问题唯一的答案。
编辑:您可以使用JavaScript和jQuery创建一个浮动的绝对定位容器,该容器显示在用户鼠标的坐标处。不过,这可能会变得非常复杂。
overflow
属性滚动的原因。 - keaukraine