使絕對位置滾動移動

Question

我有絕對的位置UL：

`<ul class="dropdown-menu nav nav-pills nav-stacked"> 
      <li> Item #1 </li> 
      <li> Item #1 </li> 
      <li> Item #2 </li> 
      <li> Item #3 </li> 
       ... 
     </ul>` 

這是我的CSS

`.dropdown-menu { 
    position: absolute; 
    top: 100%; 
    left: 0; 
    z-index: 1000; 
    float: left; 
    min-width: 160px; 
    list-style: none; 
    font-size: 16px; 
    text-align: left; 
    background-color: #fff; 
}` 

所以它完美的作品，因爲我想在桌面...但是對於移動寬度小於320像素的手機（如iPhone 5）項目列表太長，沒有足夠的高度。所以我想讓它滾動，但仍然保持絕對......這可能嗎？ 我試圖用position:relative增加新div但它沒有工作......

Answer 1

overflow-x: hidden; 
height: auto; 
max-height:400 px;