如何给容器div内部div的高度

Question

我必须潜水 class = d的容器，背景颜色为红色 并且内部有class = d2，背景颜色为灰色

如下图所示，

我想div d取div d2的高度，但我不知道怎么样

这是代码

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


}

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

}

如果我将div d的高度设为“auto”，红色将“消失”

Answer 1

你需要另一个风格清晰的div：两者都是这样的，然后d的高度可以设置为auto

<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具有指定的高度（在您的情况下，它确实 - 100px），那么您可以设置

.d2 {
    height: 100%;
}

Answer 3

因为你有高度设置：

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

将d2的高度设置为100px或100％：

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

Answer 4

您的d2高度比我看到它的d容器大。如果d2较小，我猜你不希望你的容器与d2具有相同的高度，但如果它更大，你的d容器应该仍然足够大。

如果是这种情况，请将height中的d更改为min-height: 100px;