html - 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