水平滚动条出现得太早

我有一个水平滚动条的问题，它出现得早得多，它应该是。在jsfiddle你可以看到造成问题的窗体右侧有很多未使用的空间，但我无法弄清楚为什么那里有空间。（在屏幕截图上标记为红色方块）。你可以在jsfiddle中找到所有即时通讯使用的CSS。水平滚动条出现得太早

HTML

<div class="container-fluid"> 
<section class="content"> 
    <div class="row-fluid"> 
     <div class="span10 article"> 
      <div class="block"> 
       <div class="section"> 
        <h4>Online Application</h4> 
        <div class="row-fluid form-horizontal"> 
         <div class="span6"> 
          <div class="control-group"> 
           <label class="control-label">First Name</label> 
           <div class="controls"> 
            <input type="text" name="contact_name_1"> 
           </div> 
          </div> 
          <div class="control-group"> 
           <label class="control-label">Last Name</label> 
           <div class="controls"> 
            <input type="text" name="contact_name_2"> 
           </div> 
          </div> 
          <div class="control-group"> 
           <label class="control-label">Email</label> 
           <div class="controls"> 
            <input type="text" name="contact_email"> 
           </div> 
          </div> 
          <div class="control-group"> 
           <label class="control-label">Home Phone</label> 
           <div class="controls"> 
            <input type="text" name="contact_phone_home"> 
           </div> 
          </div> 
          <div class="control-group"> 
           <label class="control-label">Cell Phone</label> 
           <div class="controls"> 
            <input type="text" name="contact_phone_cell"> 
           </div> 
          </div> 
          <input type="button" value="Start Application" onClick="obertka25()"> 
         </div> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</section></div>

screenshot

来源

2013-05-01 vladimir

有与

@media (min-width: 1200px)

开始部分，这就是问题的开始。出于某种原因，它会将.article div踢入某种固定宽度。它与行有关

.row-fluid .span10 { 
    width: 82.90598290598291%; 
    *width: 82.8527914166212%; 
}

禁用，允许它再次变成全角。我无法弄清楚为什么，当给定一个宽度时，它就变成了固定宽度。

编辑：有一个min-width风格在身上的标签，当我关闭，我看到从.row-fluid .span10元素正常宽度的行为。我怀疑水平滚动条是由于

来源

2013-05-01 06:39:30 Ding

帮助。非常感谢你！ – vladimir 2013-05-01 14:00:03

水平滚动条出现得太早

回答

相关问题