我认为可能工作的一种方式也是将它们包装在容器div中，并希望更高的一个调整大小，并且较小的扩展以适应空间：

HTML：

<div id="outerBox">
<div class="innerBoxLeft"></div>
<div class="innerBoxRight"><br /><br /><br /></div>
</div>

CSS：

.outerBox
{
width: 100%;
}

.innerBoxLeft
{
float:left;
width: 45%;
height: 100%;
}

.innerBoxRight
{
float:right;
width: 45%;
height: 100%;
}

不行我相信这可能是因为外部的div没有设置的高度，由于某些原因，较小的盒子和100％的高度无关紧要。我不能给它一个设定的高度，因为这会打败这一点。

所以除非另有一种方法，否则我想我问：我如何设置一个子元素的高度为父代？

谢谢