css - 如何使输入标签占据css中剩余的td空间？

Question

我在 td 中有 2 个标签

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

我的目标是不要让这 2 个<td>标签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