CSS - 如何强制文本输入填充容器的剩余空间

Question

我有div和里面那div是浮动子div和一个文本输入。我需要强制文本输入来填充重新生成的水平空间并保持在同一行，除非某些最小宽度条件将输入到下一行。可能吗？我不想为此使用JavaScript。

这里是例子（写入标签并点击进入）

编辑示例：我的div与300像素的宽度。它包含3个不同宽度的左浮动div（例如30,60,100）和一个文本输入。我希望将文本输入与浮动div相同的垂直位置，因此它必须自动缩小以适应剩余空间（300-（30 + 60 + 100）= 110px）。该文本输入有一些最小宽度，所以它防止它变小，在这种情况下，它跳转到下一行）。

http://plnkr.co/edit/sulxnvR58LnQqyI7ddFK?p=preview

Answer 1

你可以尝试添加这样的事：

style="width: 100%; min-width=2000px;" 

http://plnkr.co/edit/uuL91pnUBkBRHMziaGBs?p=preview

Answer 2

你就不能使用百分比宽度输入和溢出隐藏？

添加这个CSS

div.tag-wrapper input[type=text] { 
    width: 100%; 
} 
div.tag-wrapper { 
    padding: 5%; 
    overflow: hidden; 
}