使內嵌div /父div與內部div一樣高

Question

作爲創建典型的左，中，右列布局的一部分，我需要將各種高度的內部div包裝到一個插入/父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

但我建議你在這種情況下使用表格。因爲div標記上的float和width屬性可能會在某些瀏覽器中導致嚴重問題。