html - 用文本和 <input> 填充

Question

如何填写 <div>带有文本和输入的元素，所以如果 <div>调整大小输入变得更短/更长？

我已经坐了 2 个小时了，我就是做不对。

Answer 1

这是一个跨浏览器的解决方案，纯 CSS

Demo

HTML:

<div class="Container">
    <label>text</label>
    <div class="Fill"><input type="text" /></div>
</div>

CSS:

.Container
{
    background-color:#B5E51D;
    padding: 5px;
}
label
{
    float: left;
    padding: 0 10px;
}
.Fill
{
    overflow: hidden;
}
input
{
    width: 97%;
    margin: 0 1%;
}