css - 使 englobing/父 div 与内部 div 一样高

Question

作为创建典型的左、中、右列布局的一部分，我需要将一些不同高度的内部 div 包装到一个 englobing/parent div 中。我需要确保全局/父 div 与最高内部 div 一样高，这取决于它包含的文本。 min-height 属性不会削减它。

我应该如何进行？我应该使用表格和单元格而不是 div 吗？

我包括一个 JSFiddle描述问题。

Answer 1

我猜你想实现这样的目标:http://jsfiddle.net/Cj75q/3/

如果我是对的，您不需要所有这些relative 和absolute 位置，您只需要在列的左侧 float :

#leftCol {
    background-color: #123456;
    width: 23%;
    margin: 0px;
    border: 0px;
    padding: 0px;
    float: left;
}

#midCol {
    background-color: #654321;
    width: 50%;
    margin: 0px 10px 10px 0px;
    border: 0px;
    padding: 10px;
    float: left
}

#rightCol {
    background-color: #567890;
    width: 23%;
    margin: 0px;
    border: 0px;
    padding: 0px;
    float: left;
}