CSS:强制textarea使所有可用区域都很容易

Question

我正在处理一个水平布局的表单:

 <div id="container">
  <label for="ta">description</label>
  <textarea id="ta" name="ta" cols="50" rows="10"></textarea>
 </div>

问题是我想要的是textarea占用标签在同一行留下的所有可用空间.如果我尝试使用width = 100%,它会跳转到下一行:

div * {
    vertical-align: middle;
}
textarea {
    width: 100%;
    height: 300px;
}

任何想法实现它而不为每个标签分配固定的空间？

Answer 1

像这样？http://jsfiddle.net/4QbMr/

<div id="container">
    <label for="ta">description</label>
    <div class="twrap"><textarea id="ta" name="ta" cols="50" rows="10"></textarea></div>
</div>

label {
    float: left
}
.twrap {
    overflow: hidden;
    padding: 0 4px 0 12px
}
textarea {
    width: 100%;
    height: 300px;
}