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