需要在選擇元素之後放置一個img元素，怎麼樣？

<html> 
<head> 
<title></title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 

</head> 
<body> 

<div > 
    <select> 
     <option>[select]</option> 
    </select> 
</div> 


<div> 
    <img rc="dropDownArrow.png"/> 
</div> 

</body> 
</html>

上面的代碼運行後，img元素變爲下拉列表下方（抱歉，我不能發佈圖片，因爲我剛剛註冊成爲新用戶離開1分鐘前到illstrate），需要在選擇元素之後放置一個img元素，怎麼樣？

但什麼我想實現的是：img元素必須在下拉列表

我試圖修改以各種不同的方式CSS的右側，但它不工作，

任何人都可以提出什麼我應該做？？

來源

2011-10-12 mr ng

試試這個：

<div style="width:100px; overflow:hidden; border-right:1px; float:left;"> 
    <select> 
     <option>[select]</option> 
    </select> 
</div> 


<div style="float:left"> 
    <img rc="dropDownArrow.png"/> 
</div>

來源

2011-10-12 04:33:02

使用任何CSS的float屬性：

<div style="width:100px; overflow:hidden; border-right:1px"> 
    <select style="float:left"> 
     <option>[select]</option> 
    </select> 
    <img style="float:left" src="dropDownArrow.png"/> 
</div> 
<div style="clear:both;"></div>

或表：

<table> 
    <tr> 
     <td> 
      <select> 
       <option>[select]</option> 
      </select> 
     </td> 
     <td> 
      <img style="float:right" src="dropDownArrow.png"/> 
     </td> 
    </tr> 
</table>

來源

2011-10-12 04:34:06

您需要使用float屬性：

<div style="width:100px; overflow:hidden; border-right:1px; float:left;"> 
    <select> 
     <option>[select]</option> 
    </select> 
</div> 


<div> 
    <img rc="dropDownArrow.png" style="float: right;"/> 
</div>

來源

2011-10-12 04:34:26 talnicolas

您的代碼應更改爲：

<div style="width:100px; overflow:hidden; border-right:1px;float:left"> 
    <select> 
     <option>[select]</option> 
    </select> 
</div> 

<div style="float: left"> 
    <img rc="dropDownArrow.png"/> 
</div>

來源

2011-10-12 04:35:14

需要在選擇元素之後放置一個img元素，怎麼樣？

回答

相關問題