아래의 링크 버튼 정렬

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}