首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >更改子元素高度上的父本div高度

更改子元素高度上的父本div高度
EN

Stack Overflow用户
提问于 2015-12-16 05:41:57
回答 1查看 64关注 0票数 1

我有div页面,在div内部有引导多选择容器。

代码语言:javascript
运行
AI代码解释
复制
<div class="content clearfix">
   <ul class="multiselect-container dropdown-menu">
       <li> ...</li>
   </ul>
</div>

问题是,当这个多选择元素中有许多列表项时,它仍然隐藏在父div下面。如何在多选择容器元素高度变化时动态更改父级div高度?

我已经试过了

代码语言:javascript
运行
AI代码解释
复制
.content.clearfix {
    height:auto;
}

但这并没有帮助

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-12-16 05:50:18

尝试JS根据您的多列表元素高度动态设置高度。看看能不能帮上忙。我只是将这段代码放入setTimeout中,因为如果您的li元素需要时间在页面上加载。请先尝试不带setTimeout功能。

代码语言:javascript
运行
AI代码解释
复制
$(document).ready(function(){
setTimeout(function(){
var multiselectHeight=$('.multiselect-container').height();
  $('.content').height(multiselectHeight);
  
},1000);
})
代码语言:javascript
运行
AI代码解释
复制
<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
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34313600

复制
相关文章

相似问题

领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档