Question

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

我该怎么办？我应该使用表格和单元格而不是div s？

我要加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通常具有最高内div的高度。但我完全不知道你的问题是什么。

Answer 3

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

但我建议你在这种情况下使用表格。由于float标记上的width和div属性可能会在某些浏览器中造成严重问题。

使englobing / parent div与内部div一样高

3 个答案: