가로 스크롤 막대가 너무 일찍 나타납니다.

Question

가로 스크롤 막대에 문제가 있습니다. 훨씬 빨리 나타나야합니다. 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

Answer 1

@media (min-width: 1200px) 

로 시작하는 부분이 그리고 문제가 시작하는 곳이다. 웬일인지 .article div를 어떤 종류의 고정 폭으로 찼습니다. 그것은 라인과 관련이 있습니다.

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

해제하면 전체 폭으로 다시 이동할 수 있습니다. 나는 왜 너비가 주어 졌을 때, 고정 너비로 ​​갔는지 알 수 없었다.

편집 :이 body 태그에 min-width 스타일이고, 나는 내가 .row-fluid .span10 요소에서 보통의 폭 행동을 볼 것을 사용하지 않는 경우. 나는 가로 스크롤바가 그 때문인 것으로 의심한다.