如何设置输入元素有其跨度容器的宽度相同

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