基于可用宽度的输入宽度

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/