如何得到div容器內的div

Question

我不得不潛水 與類= d容器的高度和它的背景顏色紅色 和內用與背景顏色灰

類= D2如圖所示的下面的圖片，

，我想DIV會帶格D2的高度，但我不知道如何

這是代碼

.d 
{ 
    width:100%; 
    height:100px; 
    background-color:red; 


} 

.d2 
{ 
    width:80%; 
    height:auto;  
    float:left; 
    background-color:Gray; 

} 

，如果我把DIV d「自動」的高度，紅色將會「消失」

Answer 1

你會需要另一個DIV的風格是明確的：既這樣便d的高度可以設置爲自動

<style> 
.d 
{ 
    width:100%; 
    height:auto; 
    background-color:red; 
} 
.d2 
{ 
    width:80%; 
    height:auto;  
    float:left; 
    background-color:Gray; 
} 
</style> 
<div class="d"> 
    <div class="d2"> 
    type something here<br /> 
    <br /> 
    <br /> 
    <br /> 
    <br /> 
    something again the parent div's height will depend by this div 
    </div> 
    <div style="clear:both;"> 
</div> 

Answer 2

如果.d有一個指定的高度（在你的情況下，它確實 - 100像素），那麼你可以設置

.d2 { 
    height: 100%; 
} 

Answer 3

既然你已經D的高度設置：

.d 
{ 
    width:100%; 
    height:100px; 
    background-color:red; 
} 

集D2的高度，要麼100像素或100％：

.d2 
{ 
    width:80%; 
    height:100px;  
    float:left; 
    background-color:Gray; 
} 

Answer 4

你d2高度比你d容器我看到它的方式大。如果d2更小，但是如果它更大，則d容器應該仍然足夠大，我想你不希望容器的高度與d2相同。

如果是這種情況改變height在d到min-height: 100px;