如何使输入标记占用css中的其余td空间？

Question

我在td中有2个标签

<td>
<label>some text</label>
<input type="text"/>
</td>

我的目标是在<td>内不要将这2个标记组成2行，而input标记会占用剩下的<label>个标记。我怎么能用CSS做到这一点。

谢谢！

Answer 1

怎么样 - 唯一的缺点是，它增加了另一个<div>：

CSS

div.a {
    width:      500px;
    border:     1px solid red;
}

div.a > label {
    float:      left;
}

div.a > div {
    display:    block;
    overflow:   hidden;
    border:     1px solid green;
}

div.a > div > input {
    width:      100%;
}

HTML

<div class="a">
    <label>Some text</label>
    <div>
        <input type="text"/>
    </div> 
</div>

演示

jsFiddle