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