div边框下拉（div与滚动：自动）

问题描述：

我有一个需要滚动的div，如果内容太长。现在我已经添加了一个选择框（这是与jQuery插件MultipleSelect风格）到这个股利。当我打开DropDown时，选项会“丢失”/不可见。div边框下拉（div与滚动：自动）

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

答

附加溢出可见

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

正确答案：

解决与滚动增加的绝对位置的选择框，并一个假的空间格为了模拟空间从选择fiddle，因为这将有一个绝对的位置，用jquery滚动模拟静态位置，减少顶部属性，而div滚动

尼斯！标记它是正确的答案，如果它帮助你... –

哦，等待.....它现在显示整个下拉菜单，但如果div内容的其余部分长度超过100px最大高度，它不显示任何滚动条了。更新的小提琴：https：//jsfiddle.net/SchweizerSchoggi/uz0gbbyf/1/ – SchweizerSchoggi

尝试删除'max-height：100px;';或者根据需要增加它。 – Beaniie

div边框下拉（div与滚动：自动）

相关推荐