我有一个难以置信的困难时期达到以下效果：
========================================================== = Variable Width = <input style="width: 100%" /> = ==========================================================
我使用以下HTML：
<dl>
<dt>
<label>Variable Width</label>
</dt>
<dd>
<input style="width: 100%" />
</dd>
</dl>
请注意,我修剪了HTML的可读性.
任何人都可以建议我应该使用什么CSS来实现这个效果？我更喜欢不必使用display：table,因为我正在寻找达到IE7的跨浏览器兼容性.
解决方法
这是“令人难以置信的困难”,没有< table>或显示：表..直到你知道如何！
见：http://jsfiddle.net/thirtydot/aLgwt/
这在IE7和更大的所有现代浏览器.
dt {
float: left
}
dd {
overflow: hidden;
padding: 0 4px 0 9px
}
dd input {
width: 100%
}
解释为什么它工作is here.
