Question

我有div页面，在div里面我有bootstrap multiselect容器

<div class="content clearfix">
   <ul class="multiselect-container dropdown-menu">
       <li> ...</li>
   </ul>
</div>

问题是当这个multiselect元素中有很多列表项时，它会隐藏在父div下。如何将父div高度动态更改为多选容器元素高度变化？

我已经尝试了

.content.clearfix {
    height:auto;
}

但这没有帮助

Answer 1

尝试使用JS根据多列表元素高度动态设置高度。检查它是否对您有所帮助。我只是把这个代码放在setTimeout中，因为你的li元素需要花时间加载到页面上。请先尝试不使用setTimeout函数。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="content clearfix">
   <ul class="multiselect-container dropdown-menu">
       <li> ...</li>
   </ul>
</div>

{{1}}

更改父元素高度对子元素高度的影响

1 个答案: