需要移動下拉框搜索的位置

Question

我正在一個B2B網站上工作，該網站具有4個不同類別的下拉框，可幫助用戶縮小對特定產品的搜索范圍。 這是當前的代碼：

<tbody><tr class="CategorySearchResults_ItemPropertyRow">
<td class=CategorySearchResults_ItemPropertyName">Brand </td>
<td class=CategorySearchResults_ItemPropertyValue">
<select name="ItemProperty_Brand" onchange="Category_Search_Results_Content.submit();">
<option value="Any Brand">Any Brand</option>
<option value="AC DELCO">AC DELCO</option>
.... and so on for more options and three other boxes...
</tbody>

現在，下拉框垂直堆疊在頁面底部。 我只需要一個腳本，該腳本將幫助我在頁面頂部水平放置下拉框。 該位置將在此表的正下方：

<table class="Content" border="0" cellpadding="0" cellspacing="0">
                             ...............
<tbody><tr><td><div class="BreadCrumbcategorytree_activepage"> 
<a class="BreadCrumbcategorytree_parent" href="default.aspx?Page=Home">Home</a>     
&gt;&gt; Lubricants and Fluids</div></td></tr>
</tbody></table>

我嘗試使用一個函數來按類將元素追加到BreadCrumbcategorytree_parent的末尾，但我不知道這是否朝着正確的方向發展。

Answer 1

CSS還影響元素在頁面上的顯示方式。 您可以使用float將它們並排放置。

select { float:left }

這將使您的所有下拉列表對齊（內聯），直到單行上的空間用完並換行為止。