當x軸溢出隱藏時，水平下拉菜單不會出現

Question

我需要一個引導下拉子菜單按鈕。我通過Google搜索找到了something like this。我需要這個按鈕可滾動。所以，我已經添加了這個類：

<ul class="dropdown-menu scrollable-dropdown"> 
    <li></li> 
</ul> 

.scrollable-dropdown { 
    height: auto; 
    max-height: 150px; 
    overflow-x: hidden; 
    width: 200px; 
} 

但是，添加此之後，子菜單沒有顯示。

Here is the fiddle with problem。

Answer 1

使用溢出：auto;

它的作品，但只有這樣纔不會讓菜單處於更好的狀態（看起來很明智）。 您應該嘗試將子菜單放置在原始主菜單選項的下方，並且可能使用不同的CSS，以使其可以理解爲子菜單。

與溢出一起使用：auto。 使用位置：相對並移除頂部：0;

.dropdown-menu .sub-menu { 
    position: relative; 
    display:none; 
    margin-top: -1px; 
    border-top-left-radius:0; 
    border-bottom-left-radius:0; 
    border-left-color:#fff; 
    box-shadow:none; 
} 

This is the fiddle with the edit