将父 div 扩展到 TALLEST 绝对定位子元素的高度

Question

我知道使用纯 CSS 无法将父 div 扩展到绝对定位的子元素的高度，我找到了一种使用 js 解决此问题的解决方案：http://jsfiddle.net/6csrV/7/

但是，如果您有多个列，每个列都是绝对定位的，并且您不知道哪一个最高，该怎么办？例如：

<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 等...

为了使它更具挑战性，是否可以仅在浏览器视口窄于指定像素数时才进行这项工作？

Answer 1

对层使用 height:auto http://jsfiddle.net/saysiva/PuVvh/1/

#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;
}