如何将左div扩展到剩余高度？

Question

基本上我有：

<div class="wrap">
<div class="sum">
little text
</div>
<div class="content">
long<br/>
long<br/>
long<br/>
long<br/>
long<br/>
long<br/>
long<br/>
text
</div>
</div>

<style>
.wrap{
height:100%;
overflow:hidden;
background:green;
}
.sum{
float:left;
height:100%;
background:yellow;
}
.content{
float:left;
height:100%;
background:red;
}
</style>

如果你看到，sum div不会扩展到剩余高度，等于内容div。 我想要的是两个div都在相同的高度而没有指定它。

我完全需要Pure css，而不是javascript或table。

由于

Answer 1

这对你来说可能是更好的选择...

http://bonrouge.com/2c-hf-fixed.php

或查看虚假栏目：

http://www.alistapart.com/articles/fauxcolumns/