我有一个具有以下结构的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填满剩余的卡片空间?
答案 0 :(得分:2)
如果你想要这样的话:http://jsfiddle.net/PTSkR/107/,
您可以使用float:left
作为菜单,float:right
作为textarea,使用CSS3 Calc
计算textarea的宽度,如示例