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

Question

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

这是我的 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

移除 height: auto; 和 overflow-x: hidden;

试试下面的代码：

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

更新代码：

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

Answer 2

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