如何讓textarea佔用剩餘空間的100％？

Question

我有以下結構的DIV：

<div class = "card"> 
    <div class="menu"> 
     vertical menu here, pushed to the left 
    </div> 
    <div class ="content"> 
     <textarea> This should fill up everything in the card exept the menu div</textarea> 
    </div> 
</div> 

我試圖讓「文本域」，填補了整卡同時留下菜單那裏。我的jsfiddle顯示它有點太寬，推到卡DIV下面的一些原因：

http://jsfiddle.net/PTSkR/105/

我怎樣才能像文字區域，以填補剩餘的卡空間？

Answer 1

如果你想是這樣的：http://jsfiddle.net/PTSkR/107/，

您可以通過使用float:left的菜單，float:right爲textarea和CSS3 Calc計算的textarea的寬度實現它，如示例