如何让textarea占用剩余空间的100%?

时间:2013-06-01 00:03:14

标签: html css html5 css3

我有一个具有以下结构的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>

我正试图让'textarea'填满整张卡,同时将菜单留在那里。我的jsfiddle显示它有点太宽并且由于某种原因推到了卡片div下方:

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

如何让textarea填满剩余的卡片空间?

1 个答案:

答案 0 :(得分:2)

如果你想要这样的话:http://jsfiddle.net/PTSkR/107/

您可以使用float:left作为菜单,float:right作为textarea,使用CSS3 Calc计算textarea的宽度,如示例