使绝对位置滚动移动

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;