html格式問題導航欄

網站來源：http://www.salefee.com/html格式問題導航欄

我在我的網站上有一個導航欄。我用css格式化了它，而在第一頁上，它看起來很正常。但是當我導航到其他部分時，我可以在導航欄的任一側觀察切割。我無法弄清楚這個問題。代碼和屏幕截圖，如下所示：

<!-- NAVBAR --> 
     <nav class="navbar navbar-default"> 
     <div class="container-fluid"> 
      <!-- Brand and Toggle --> 
      <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#anch-top"><img src="images/logo.PNG" style="height:45px; width:60px;">Salefee</a> 
      </div> 
      <!-- End Brand and Toggle --> 
      <!-- Menu --> 
      <div class="collapse navbar-collapse" id="navbar-collapse-1"> 
      <ul class="nav navbar-nav"> 
       <li class="active" data-toggle="collapse" data-target="#navbar-collapse-1"> 
       <a href="#anch-top" style="text-transform: uppercase;font-family: Sans-Serif">Home</a> 
       </li> 


       <li data-toggle="collapse" data-target="#navbar-collapse-1"> 
       <a href="#anch-gallery" style="text-transform: uppercase;font-family: Sans-Serif">Gallery</a> 
       </li> 

       <li data-toggle="collapse" data-target="#navbar-collapse-1"> 
       <a href="#anch-pricing" style="text-transform: uppercase;font-family: Sans-Serif"><marquee direction=right behavior=alternate width=65><super>STORY</super></marquee></a> 
       </li> 




       <li data-toggle="collapse" data-target="#navbar-collapse-1"> 
       <a href="#anch-team" style="text-transform: uppercase;font-family: Sans-Serif">Team</a> 
       </li> 

       <li data-toggle="collapse" data-target="#navbar-collapse-1"> 
       <a href="#anch-contact" style="text-transform: uppercase;font-family: Sans-Serif">Contact</a> 
       </li> 

       <li data-toggle="collapse" data-target="#navbar-collapse-1"> 
       <a href="jobs" style="font-family: Sans-Serif">JOBS</a> 

       <li data-toggle="collapse" data-target="#navbar-collapse-1"> 
       <a href="blog" target="_blank" style="font-family: Sans-Serif">BLOG</a> 
       </li> 
      </ul> 
      </div> 
      <!-- End Menu --> 
     </div> 
     </nav>

截圖1：（正常）

截圖2：（問題）

請幫助我的代碼.. 。提前致謝！！

來源

2016-06-10 D J

簡單地說，在你的CSS文件：

.navbar.affix{ height: 52px;}

和

div#navbar-collapse-1 { 
min-width: 100%; 
}

這樣，它響應過，它完全適合所有的屏幕寬度

來源

2016-06-10 12:23:12

你必須在規定的高度。 navbar.affix類在CSS中。你應該使高度屬性值爲51px。你會看到它會解決這個問題。

.navbar.affix { 
    position: fixed; 
    top: 0; 
    height: 51px; 
    -webkit-transition: all .5s ease-in-out; 
    -moz-transition: all .5s ease-in-out; 
    -ms-transition: all .5s ease-in-out; 
    -o-transition: all .5s ease-in-out; 
    transition: all .5s ease-in-out; 
}

來源

2016-06-10 12:23:30

你有風格上，除了主頁的所有頁面.navbar.affix其中高度設置爲46px，我想你應該刪除高度財產，只需添加底部：汽車;

來源

2016-06-10 12:54:29

html格式問題導航欄

回答

相關問題