div 边框下拉菜单（div 和 scroll:auto）

Question

如果内容太长，我有一个 div 需要滚动。现在我已经向这个 div 添加了一个 select 框（使用 jQuery Plugin MultipleSelect 设置了样式）。当我打开 DropDown 时，选项 "lost"/ 不可见。

    #samplediv {
      overflow: auto;
      max-height: 100px;
    }

    <div id="samplediv">
        Lorem ipsum<br/>
        <select class="w300" multiple="multiple">
            <option value="1">January</option>
            <option value="2">February</option>
            <option value="3">March</option>
            <option value="4">April</option>
            <option value="5">May</option>
            <option value="6">June</option>
            <option value="7">July</option>
            <option value="8">August</option>
            <option value="9">September</option>
            <option value="10">October</option>
            <option value="11">November</option>
            <option value="12">December</option>
        </select>
        <br/>dolor sit
    </div>

Answer 1

添加

可见的溢出

#samplediv{
    overflow: visible;
    max-height: 100px;
}

正确答案：

解决滚动添加绝对位置到 select 框并制作假 space div 以模拟 space 来自 [=24] =] fiddle，因为这将有一个绝对位置，模拟静态位置 jquery 滚动减少顶部属性，同时滚动 div

div 边框下拉菜单（div 和 scroll:auto）

Dropdown over div borders (div with scroll:auto)

css

jquery

select

overflow

dropdown