html - Auto Div 高度取决于另一个

Question

我有以下场景我希望 Div2 高度根据 Div3 的内容调整大小我该怎么做？

----------------------------------
.      DIV1                      .
. ---------   ------------------ .
. .       .   .                . .
. .  DIV2 .   .        DIV3    . .
. .       .   .                . .
. .       .   .                . .
. ---------   -----------------. .
.--------------------------------

Answer 1

您可以使用 display: table-cell css 属性，但请注意，它是 CSS3，在 IE8 之前的版本中没有太多支持。

示例:

<div class="div1">
    <div class="div2"></div>
    <div class="div3"></div>
</div>

CSS:

.div1 {
    display: table;
}
.div1 > div {
    border: 1px solid #000;
    width: 200px;    
    display: table-cell;
}
.div3 {
    height: 500px;
}

fiddle :http://jsfiddle.net/97NJR/