如何让文本区域占据剩余空间的100%？

Question

I have a div with the following structure:

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

我试图让'textarea'充满整个卡片，同时保留菜单。我的jsfiddle显示出来太宽了，并且由于某种原因被推到了卡片div下面：

你如何使textarea填满剩余的卡片空间？ http://jsfiddle.net/PTSkR/105/

- SB2055

---

并+1因为我喜欢那个菜单:D - Andrea Ligios

Answer 1

如果你想要类似这样的效果：http://jsfiddle.net/PTSkR/107/，你可以通过将菜单设置为float:left，将文本区域设置为float:right，并使用CSS3 Calc计算文本区域的宽度来实现，就像示例中一样。

- Andrea Ligios