在移动设备上滚动绝对位置

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;
}`

所以它完美如我想要的桌面......但对于宽度小于320px的手机（如iPhone 5）项目列表太长，没有足够的高度。所以我想让它可滚动，但仍保持绝对......这可能吗？ 我尝试使用div添加新的position:relative，但它没有用...

Answer 1

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