不能使固定塊可見，如果高度greather比身體

Question

我有一個問題，我不能做，如果導航塊可見（其固定）

風格：

<div class="main_nav"> 
     <div class="container"> 
      <div class="row"> 
       <div class="col-xs-1"></div> 
       <div class="col-xs-2"> 
        <a href="#" style="text-decoration: none;"> 
         <h1 class="navbar-brand company_title" href="#">Tourer</h1> 
        </a> 
       </div> 

       <div class="col-xs-9"> 
        <div class="navigation"> 
         <ul class="nav navbar-nav navbar-right top_nav"> 
          <li><a id="nav_about" href="javascript: void(0);">About</a></li> 
          <li><a id="nav_how_it_works" href="javascript: void(0);">How it works</a></li> 
          <li><a id="nav_features" href="javascript: void(0);">Features</a></li> 
          <li><a id="nav_footer" href="javascript: void(0);">Contact</a></li> 
         </ul> 
        </div> 
       </div> 
      </div> 
     </div> 
    </div> 

    .main_nav { 
     width: 100%; 
     z-index: 1000; 
     position: fixed; 
     background: url('../images/gradient.png'); 
     padding-top: 30px; 
     min-width: 1280px !important; 

    Screen: 

    http://i.stack.imgur.com/Zljz4.png 

我不能滾動看到合適我的導航的一部分。 請幫幫我。

Answer 1

固定位置總是相對於視口。因此，當屏幕小於1280像素時，min-width: 1280px !important;會自動假定您的width:100%將被忽略。嘗試刪除min-width聲明。