基于可见子对象更改容器高度（使用Jquery）

我当前有一个父元素，其子元素的位置是绝对的。这基本上会破坏父元素的高度，我想根据当前显示的子元素（所有子元素都有不同的高度）重新添加高度

---

当我希望根据显示的孩子和/或具有“活动”类别的孩子的身高动态变化时，这仅获取并应用最高的孩子身高（750px）。

根据您的描述，很难理解您的问题。我试着猜测它，并创建一个片段。我希望有帮助

var parent=$（'#parent'）；
$（“[数据目标]”）。每个（函数（）{
$（this）.bind（'click'，function（）{
var elID=$（this.data（'target'）；
var elHeight=$（'#'+elID）.height（）；
父母身高（elHeight）；
console.log（elID、elHeight）
})
});   
#父级{
边框：3倍纯红；
}
.孩子{
位置：绝对位置；
宽度：200px；
}
.child:n个child（1）{高度：20px；背景色：钢蓝；}
.child:n个child（2）{高度：40px；背景色：小麦；}
.child:n个child（3）{高度：60px；背景色：firebrick；}
}

一个
两个
三
高度为20px
40px的高度
高度为60px
你好，菲利普！容器内有3个容器（位置：绝对）。单击第一个按钮-容器将其高度更改为第一个元素高度。单击第二个按钮-容器将高度更改为第二个元素高度。我做对了吗？请创建一个小提琴，包括你
js
和
css
为什么不让浏览器帮你完成繁重的工作？将子元素定位为相对元素。将类“hide”添加到非活动子元素，该子元素会显示：none。可能位置：relative在他的情况下是不可能的。如果没有上下文，很难知道。karlisup，我真的不知道除了创建一个演示示例之外，我是否能更好地解释我的情况。无论如何，你已经回答了我的问题，所以我再次感谢你：）谢谢你，但是，不要用“.bind”来代替“.on”是编写JQuery函数的最新方法吗？如果你使用.bind语法，你可以比编写更省事。on。但没什么大区别；）。很高兴我能帮忙。
<button id="one">One</button>
<button id="two">Two</button>
<button id="three">Three</button>

<div id="parent">
<div class="child">height of 250px</div>
<div class="child">height of 500px</div>
<div class="child">height of 750px</div>
</div>

var maxHeight = 0;
  $('.child').each(function() {
    if($(this).height() > maxHeight) {
      maxHeight = $(this).height();  
    }
  });   
$('#parent').height(maxHeight);