1

我有一个可折叠的手风琴面板，它通过一个引导多选下拉框进行扩展。它有很多选择。展开的手风琴面板打开以显示下拉框，但会切断其下方的选项。我曾尝试调整z-indexin css，但没有奏效。

这是代码：

<div class="panel-collapse collapse">
    <div class="panel-body">
        <p>Category provided by the borrower for the loan request.</p>
        <select class="multiselect" multiple="multiple" name="purpose">
            <option value="car">car</option>
            <option value="credit card">credit card</option>
            <option value="debt consolidation">debt consolidation</option>
            <option value="educational">educational</option>
            <option value="home improvement">home improvement</option>
            <option value="house">house</option>
            <option value="major purchase">major purchase</option>
            <option value="medical">medical</option>
            <option value="moving">moving</option>
            <option value="other">other</option>
            <option value="renewable energy">renewable energy</option>
            <option value="small business">small business</option>
            <option value="vacation">vacation</option>
            <option value="wedding">wedding</option>
        </select>
    </div>
</div>

关于如何让它发挥作用的任何想法？

4

1 回答 1

0

这与手风琴内容的呈现方式有关。对于动态内容，它并没有那么火爆。

为了防止它截断内容，您可以设置overflow: visisble：

.panel-group .panel {
  overflow: visible;
}

jsFiddle 中的演示

于 2014-08-12T21:00:08.390 回答