如何在子菜单上使用滚动条时显示子菜单？

Question

当我有滚动条时，我的子菜单不显示。我正在使用bootstrap

这是我的HTML代码：

<a tabindex="-1" href="#">Location</a>
                            <ul class="dropdown-menu  scrollable-menu">
                              <li class="dropdown-submenu">
                                <a href="#">Afghanistan</a>
                                        <ul class="dropdown-menu scrollable-menu">
                                            <li><a class="small" data-value="option3" tabIndex="-1"><input type="checkbox"/>&nbsp;Select all</a></li>
                                            <li class="divider"></li>

                                        </ul>
                              </li>
                            </ul>

这是我的css代码：

.scrollable-menu {
    height: auto;
    max-height: 405px;
    overflow-x: hidden;
}

Answer 1

删除高度：自动; 和 overflow-x：隐藏;

请尝试以下代码：

 .scrollable-menu {
    max-height: 400px;  
    overflow: auto; /* Scrollbar */ 
  }

更新代码：

 .scrollable-menu ul li ul {
    max-height: 400px;  
    overflow: auto; /* Scrollbar */ 
  }

Answer 2

＆＃13;

＆＃13;

.scrollable-menu {
    max-height: 405px;
    overflow-x: auto; /* or overflow:scroll */
}

＆＃13;

＆＃13;

＆＃13;