Javascript 将“父div”展开到绝对定位的子对象的高度

我知道纯CSS无法将父div扩展到绝对定位的子级的高度，我找到了一个解决方案，通过一些js解决了这个问题：

但是，如果你有多个列，每个列的位置都是绝对的，你不知道哪一列是最高的呢？例如：

<div class="parentWrapper">
    <div class="column column1">This content may be 4 lines long</div>
    <div class="column column2">This content may be 8 lines long</div>
    <div class="column column3">This content may be 5 lines long</div>
</div>

要添加另一个挑战，列的数量也可能不同，因此应该可以针对通用列类，而不是column1、column2、column3等

---

更具挑战性的是，只有当浏览器视口的宽度小于指定的像素数时，才可以使用此功能吗？

对层使用高度：自动

---

内部div是绝对定位的！！感谢您的尝试，但根据最初的请求，列是绝对定位的，而不是浮动的。

#container {
width:500px;
position:absolute;
left:200px;
vertical-align:center;
}

#mainContainer {
border:0px solid red;
height:auto;
}

#menu {
background-color:#FFD700;
height:auto;
width:100px;
float:left;
}

#content {
background-color:#EEEEEE;
height:auto;
width:400px;
float:left;
}