Question

我有这段代码

 <div id="one">
  <a href="#" id="test1" >
    <button title="test1">test1</button>
  </a>
  <a href="#" id="test1" >
    <button title="test1">test1</button>
  </a>
  <div id="two" style="background-color: red;">
  <form action="/adminTest" method="post"><select id="SelectedCode" name="SelectedCode">
<option value="1">1 page</option>
<option value="2">2 pages</option>
</select>    <input type="submit" value="OK" />
</form>  
    </div> 
</div>

我希望我的选择下拉菜单显示在按钮的右侧，但它显示在下方。有没有一种简单的方法让它看起来像我想要的那样？

Answer 1

你可以float: left你的链接：

http://jsfiddle.net/PWuCm/3/

#test1 {
    float: left
}

更新了新的HTML .. http://jsfiddle.net/PWuCm/4/

根据我对您的问题的评论，我将id更改为class。

Answer 2

最简单的方法是通过CSS将display: inline;添加到表单元素。

Example

Answer 3

最简单的解决方案是将test1按钮放在表单中。

如何在DIV上排列选择列表？

3 个答案: