div 边框上的下拉菜单（带滚动的 div：auto）

Question

如果内容太长，我有一个需要滚动的 div。 现在我在这个 div 中添加了一个选择框（使用 jQuery Plugin MultipleSelect 设置样式）。当我打开下拉菜单时，选项“丢失”/不可见。

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

---

正确答案：

解决滚动添加绝对位置到选择框并制作一个假空间div以模拟来自选择fiddle的空间，因为这将具有绝对位置，所以使用jquery滚动减少模拟静态位置div 滚动时的 top 属性