html - 使绝对位置在移动设备上可滚动

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)，元素列表太长，高度不够。所以我想让它滚动，但仍然保持绝对......这可能吗？我尝试用 position:relative 添加新的 div 但它没有用...

Answer 1

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