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

我有div，在这个div里面是浮动的子div和一个文本输入。我需要强制文本输入填充剩余的水平空间并保持在同一行，除非某个最小宽度条件将该输入放置到下一行。可能吗？我不想用javascript来实现这一点

下面是一个示例（写入标记并按enter键）

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

---

您可以尝试添加以下内容：

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

---

您不能只使用输入和溢出隐藏的百分比宽度吗

添加这个CSS

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

---

这个问题我不清楚<代码>宽度：94%？