父div匹配最高的孩子div的高度？

我正在製作一個帶有「page」div的網站，裏面有包含左側div「導航」和右側div「內容」的網站。我想讓「頁面」div的高度（所以背景匹配）等於最高div的高度，無論是「導航」還是「內容」。父div匹配最高的孩子div的高度？

我怎麼會去這樣做呢？

來源

2011-10-01 Keavon

我猜你正在浮動其他divs，否則這將永遠是這種情況。您也可以浮動父div，或者在父div的末尾添加<div style='clear: both'></div>。這些技術都會導致父母的子女和子女一樣大。

編輯：哎呦，錯過了結束標籤:)

來源

2011-10-01 04:45:15 Dave

或'溢出：在「頁面」分區hidden'。 –

好吧，所以原始樣式='明確：兩者'都不起作用，而且我沒有嘗試做其他選擇，但是，謝謝你，mu太短，你的小費工作！謝謝！太糟糕了，你沒有發佈一個答案，而是（你現在可以做嗎？）我不能給你最好的答案，但你明白了！謝謝！！！ – Keavon

@Keavon：你想把「

」放在「page」div的底部，這應該和'overflow：hidden'一樣。 –

這樣

HTML寫：

<div class="page"> 
<div class="navigation"></div> 
<div class="content"></div> 
</div>

CSS：

page{overflow:hidden} 
.navigation, content{float:left}

來源

2011-10-01 04:48:53 sandeep

好吧，添加樣式='溢出：隱藏'工作添加到「頁面」div。由於畝太短，但你仍然寫了「溢出：隱藏」所以是的。我會給你一個贊成票，但是如果他發表了一個回答，就會發現他最好的答案是太短。 – Keavon

@Keavon：不客氣的給我們接受，無後顧之憂。 –

我認爲這將幫助你

HTML

<div class="page"> 
    <div class="navigation">i am navigation</div> 
    <div class="content">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est maiores, ex? Mollitia assumenda veniam aliquid commodi ex, libero in quia perspiciatis sint voluptatibus soluta exercitationem quas quos repudiandae deserunt obcaecati.</div> 
</div>

CSS

.page { 
    background-color: #000; 
} 
/* for clearfix*/ 
.page:after{ 
    content: ""; 
    display: table; 
    clear: both; 
} 
/* for clearfix end*/ 

.navigation,.content { 
    float: left; 
} 
.navigation { 
    width: 20%; 
    background-color: #cd6a51; 
} 
.content { 
    width: 80%; 
    background-color: #4CAF50; 
}

來源

2017-04-03 07:08:46 patelarpan

父div匹配最高的孩子div的高度？

回答

相關問題