100％输入文字，旁边的按钮 - 怎么样？

Question

我想做以下

(we are inside a fix width div)
<input text><img>

如果我将100％宽度设置为文本，则img将换行。

编辑：我试过了：

<div style="width: auto;">
<input style="width: 100%; float: left;" />
</div>
<img style="float: right;" alt="smiles" src="a.gif" width="21" height="21" />

Answer 1

试试这段代码：

<div>
    <img style="float:right;" src="a.gif" />
    <input style="width: 100%; display:block;" />
</div>

此代码的作用：它将图像浮动到相关块的右侧。 display:block;使输入成为一个块元素，它将注意上面的浮点数（内联元素不关心它）。

顺便说一下，我从这里采用了这个解决方案：Expand a div to take the remaining width