下のリンクボタンを選択ボックス

Question

私は選択ボックスの下にリンクボタンを配置しようとしていますが、今まで成功していません。常に、リンクボタンが選択ボックスから右に移動しています。 あなたが

<div class="field"> 
<select id="@("Select" +item.Name)" name="@("Select" +item.Name)"></select> 
</div> 
<div class="removed"> 
<a href="#" class="remove">Remove</a> 
</div> 

とCSSで見ることができ下に私はしている：

.field { 
    margin: 0.5em 0 0 0; 
} 

はどのようにボタンが選択ボックスの下になりますので、私はこれにアプローチすべきだと思います。事前に おかげで、LAziale

UPDATE：スクリーンショット

HTML形式の添付：

<div id="accordion"> 

      @foreach (var item in Model.Parameters) 
      { 
       <h3><a href="#">@Html.LabelFor(m => item.Name, item.Prompt)</a></h3> 
       <div> 
        <div class="label"> 
         Search @*Html.TextBox("Search")*@ 
         <input id="@("Search" + item.Name)" type="text" name="q" data-autocomplete="@Url.Action("QuickSearch/" + item.Name, "Report")" /> 
        </div> 

        <div class="field"> 
         <select multiple id="@("Select" +item.Name)" name="@("Select" +item.Name)"></select> 

        </div> 
        <div class="removed"> 
        <a href="#" class="remove">Remove selection</a> 
        </div> 

       </div> 
      }   
     </div> 

CSS：

.display-label, 
.label { 
    margin: 1em 0 0 0; 
} 

.display-field, 
.field { 
    margin: 0.5em 0 0 0; 
} 

.text-box { 
    width: 30em; 
} 

.text-box.multi-line { 
    height: 6.5em; 
} 

.tri-state { 
    width: 6em; 
} 

Answer 1

は、あなたがリンクは下に降りてくるされたコードを確認しました選択ボックス。

あなたがここにそれを見ることができたよう：http://jsfiddle.net/ninadajnikar/ZtNcx/

それとも、ここでは異なる何かをしようとしているの？

Answer 2

clearfixを試しましたか？何この

<div id="accordion"> 

      @foreach (var item in Model.Parameters) 
      { 
       <h3><a href="#">@Html.LabelFor(m => item.Name, item.Prompt)</a></h3> 
       <div> 
        <div class="label"> 
         Search @*Html.TextBox("Search")*@ 
         <input id="@("Search" + item.Name)" type="text" name="q" data-autocomplete="@Url.Action("QuickSearch/" + item.Name, "Report")" /> 
        </div> 

        <div class="field"> 
         <select multiple id="@("Select" +item.Name)" name="@("Select" +item.Name)"></select> 

        </div> 
        <div class="CL"></div> //Here is the change 
        <div class="removed"> 
        <a href="#" class="remove">Remove selection</a> 
        </div> 

       </div> 
      }   
     </div> 

CSSをしようとした場合：

.CL{ clear:both}