Question

我有一个固定大小的div。假设50px。在里面，我有一个下拉。我已经使用 bootstrap select 来搜索它。

<div style="height=40px;width:200%; overflow-x:scroll;" id="hugewidth">
  <select id="ss">
    <option>1</option>
    <option>1</option>
    <option>1</option>
    <option>1</option>
    <option>1</option>
  </select>
  <br/><br/><br/>
</div>

现在问题是当我打开下拉列表时，选项位于hugewidth div下。我希望下拉列表在该div上方打开。请参阅可能清除问题的JSFiddle。

JSFiddle

请参阅!!它位于滚动条下方。有人可以帮我这个吗？我希望下拉选项div覆盖滚动条。如果不可能，那么在打开和关闭时是否有任何方法可以根据下拉选项大小调整div高度？ 下拉选项是动态的。

还有一件事。是否可以停止下拉菜单向上打开？示例：JSFiddle

Answer 1

您可以添加：

data-container="body"

选择元素。或者在那里显示下拉列表的另一个元素。看见： http://jsfiddle.net/IceManSpy/Y9hyD/2/

在div下面的Bootstrap-Select打开选项

1 个答案: