css - 入力タグを作成する方法は、css の残りの td スペースを取りますか?

Question

td 内に 2 つのタグがあります

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

私の目標は、これらの 2 つのタグが 内の 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>

デモ

jsフィドル