Jak zdobyć pole tekstowe, aby zająć 100% pozostałego miejsca?

Question

Mam div o następującej strukturze:

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

próbuję uzyskać „textarea”, aby wypełnić całą kartę, pozostawiając tam menu. Moja jsfiddle pokazuje, że zbyt szerokie i pchnął poniżej div karty z jakiegoś powodu:

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

Jak mogę dostać, że textarea, aby wypełnić pozostałą przestrzeń karty?

Answer 1

Jeśli chcesz coś takiego: http://jsfiddle.net/PTSkR/107/,

można to osiągnąć za pomocą float:left dla menu, float:right dla textarea i CSS3 Calc obliczania szerokości textarea, tak jak w przykładzie