html - 可见溢出-x，未显示ul中的溢出内容

可以说我有一个多级引导程序下拉列表，其中有大约100个li，当我将鼠标悬停在li上时，它会在悬停的下拉列表旁边打开一个下拉列表。

我面临的问题是，如果我在max-height:300px; overflow-y:scroll; overflow-x:visible;上设置ul以确保100的li处于可滚动容器中，并且在悬停li时打开的下拉列表可见，则无法正常工作，新悬停时打开的下拉菜单不可见。溢出-x不能按我希望的方式工作。

JSFIDDLE

打开下拉菜单后，请等待一秒钟，以便填充位置

最佳答案

我认为您需要添加位置：固定；到您的子元素，只有可能的解决方案，您需要管理左和上的对齐问题

.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/

关于html - 可见溢出-x，未显示ul中的溢出内容，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34110614/