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

Question

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

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

我包括一个JSFiddle来描述这个问题。

Answer 1

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

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

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

Answer 2

请在此处编写您的代码，然后我想我可以帮助您找到解决方案。

在正常情况下，全局div通常具有最高 inner 的高度div。但我不知道你到底是什么问题。

Answer 3

我认为这段代码可以解决你的问题。JSFiddle

但我建议你在这种情况下使用 table。因为标签上的floatandwidth属性div在某些浏览器中可能会导致严重的问题。