水平滾動條出現得太早

我有一個水平滾動條的問題，它出現得早得多，它應該是。在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

水平滾動條出現得太早

回答

相關問題