如何設置輸入元素有其跨度容器的寬度相同

Question

這似乎是一個微不足道的問題，但我不這樣做成功：

這裏是我的HTML代碼：

<div class="row"> 
    <div class="well span12 form-inline muse-src-evt-bar"> 
     <div class="row"> 
      <div class="span4"> 
       <input type="text" class="input-medium search-query" style="width: 100%"/>    
      </div> 
      <div class="span8"> 
       test 
      </div> 
     </div> 
    </div> 
</div> 

您可以注意到input元素具有style="width: 100%"屬性，但它似乎設置的寬度超過了容器寬度的span4。

所以：

1. 我不知道爲什麼它的行爲這樣使
2. 我怎麼能解決這個問題，不要再重複這個錯誤？

感謝

Answer 1

正如你所設置style="width:100%"它表現出的span12性能和覆蓋span4。我想這可能是背後的原因。你可以嘗試刪除樣式，它會設置input在span4