输入宽度基于​​可用宽度

Question

我有一个包含两个div的div。第一个内部div包含不应具有已定义宽度的文本。第二个内部div包含一个输入字段。是否可以使第二个div（包含输入）跨度从第一个div（包含文本）的末尾到容器的末尾，如下所示：

这些是我打算使用的类：

<div class="container">
    <div class="text">Text</div>
    <div class="input">
        <input type="text" />
    </div>
</div>

Answer 1

CSS：

.container {
    width: 500px;
}

.text {
    float: left;
    width: auto;
}

.input {
    overflow: hidden;
}

.input input {
    width: 100%;
}

我确实在该演示中添加了一些颜色：http://jsfiddle.net/4zzzvrdd/