Html 输入容器剩余宽度的自动填充

我正在寻找将输入字段扩展到容器的所有可用空间的技巧，但不要超过下面的元素。 我准备的女巫只穿镀铬的看起来还可以。FF看起来很好，但在IE中没有结果

我有一个容器DIV，其中输入和文本（SPAN）在一行中。文本可以更改（例如翻译），因此我不知道文本宽度。在我的示例中，我使用了

display:table cell

，请查看我的

---

我完全是白手起家的

---

我完全是白手起家的

---

看起来不错，但我需要在IE9上检查这一点-这是我的目标。@Saram工作，我已经使用开发者模式检查了，就像我使用IE10一样-我更改了我的需求顺序。我会接受aswer，只要我验证：）测试。在IE9上工作。Thanx.看起来不错，但我需要在IE9上检查这一点-这是我的目标。@Saram工作，我使用开发者模式检查过，就像使用IE10一样-我更改了我的需求顺序。我会接受aswer，只要我验证：）测试。在IE9上工作。塔克斯。

+----container---------------------------+
|+---input----------------++--text------+|
||                        ||            ||
|+------------------------++------------+|
+----------------------------------------+

<div class="container">
    <label>Demo</label>
    <span><input type="text" /></span>
</div>

#container {
    display: table;
    width: 100%;
}

label, span {
    display: table-cell;
}

span {
    width: 100%;
    padding: 5px;
}

input {
    width: 100%;
}