如何展开左边div到剩余的高度？

基本上我有：如何展开左边div到剩余的高度？

<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>

如果你看到的，和DIV不会扩展到其余的高度等于内容股利。所有我想要的是两个div在相同的高度没有指定它。

我完全需要一个纯粹的CSS，而不是JavaScript或表。

感谢

来源

2010-10-21 Ryan

没有纯CSS方式做这个，好吧，没有为**这两个**类设置具体的高度。检查此：http://stackoverflow.com/questions/3960390/how-to-force-an-div-to-extend-down-to-the-bottom-of-the-screen/3960435#3960435 – Brad 2010-10-21 14:47:37

祝你好运那。你想要做的是CSS的圣杯。有很多黑客可以使它与你想要的非常接近，但没有一个是完美的。我建议用Google搜索。 – 2010-10-21 18:03:05