溢出-x可见不显示ul

时间:2015-12-05 20:41:54

标签: html css twitter-bootstrap

假设我有一个多级引导下拉列表,它有大约100个li,当我悬停li时,它会在悬停的下方打开一个下拉列表。

我面临的问题是,如果我在max-height:300px; overflow-y:scroll; overflow-x:visible;上设置ul,以确保李的100个在可滚动的容器中,并且在徘徊{时打开的下拉列表{1}}可见,无效,在悬停时打开的新下拉列表不可见。 overflow-x没有按照我希望的方式工作。

JSFIDDLE

打开下拉列表后,等待一段时间让位置填充

1 个答案:

答案 0 :(得分:0)

我认为你需要增加位置:固定;对于您的子元素,只有可能的解决方案,您需要管理左对齐和顶部对齐问题

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 165px;
    margin-top: -6px;
    margin-left: -5px;
    -webkit-border-radius: 5px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    max-height:300px;
    overflow-y:auto;
    overflow-x:visible;
    position:fixed;
}

查看链接以获取详细信息http://jsfiddle.net/esoj2ged/8/