Làm thế nào để lấy văn bản để chiếm 100% không gian còn lại?

Question

Tôi có một div với cấu trúc sau:

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

Tôi đang cố gắng để có được những 'textarea' để lấp đầy toàn bộ thẻ khi rời khỏi menu đó. jsfiddle tôi thấy nó một chút quá rộng và đẩy xuống dưới div thẻ đối với một số lý do:

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

Làm thế nào tôi có thể nhận được textarea đó để lấp đầy không gian thẻ còn lại?

Answer 1

Nếu bạn muốn một cái gì đó như thế này: http://jsfiddle.net/PTSkR/107/,

bạn có thể đạt được điều đó bằng cách sử dụng float:left cho menu, float:right cho textarea, và CSS3 Calc để tính chiều rộng textarea, như trong ví dụ