固定標題欄在Firefox中存在差距

出於某種原因，我在Firefox的標題欄上方獲得了大約10px的頂部邊距，但在Chrome中沒有。這不影響主體，只是固定的標題欄。如果我刪除位置：固定;那麼沒有差距，但它不再是固定的。固定標題欄在Firefox中存在差距

峽紅色標記：

body { 
 
    margin: 0px; 
 
    } 
 
    #topbar { 
 
    width: 100%; 
 
    height: 50px; 
 
    background-color: #F0F0F0; 
 
    margin: 0px; 
 
    padding: 0px; 
 
    position: fixed; 
 
    z-index: 10000; 
 
    } 
 
    #topbar .header { 
 
    display: inline-block; 
 
    font-size: 35; 
 
    color: darkgrey; 
 
    margin-top: 5px; 
 
    }

<body> 
 
    <div id="topbar"> 
 
    <div class="header"> 
 
     Header 
 
    </div> 
 
    <div class="nav_item"> 
 
     <button class="nav_icon"></button> 
 
     <nav> 
 
     <a href="">Home</a> 
 
     <a href="">Item 1</a> 
 
     <a href="">Item 2</a> 
 
     <a href="">Logout</a> 
 
     </nav> 
 
    </div> 
 
    </div>

來源

2016-05-17 Nick

添加下面的CSS：

#topbar { 
    top: 0; 
}

來源

2016-05-17 13:25:18

理由downvote？ –

這實際上有效！這與保證金有什麼不同？ – Nick

@Nick是的，當你使用'position：fixed'或'absolute'時，最好根據我們的需要使用'top'，'left'，'right'或'bottom'來避免跨瀏覽器問題... –

固定標題欄在Firefox中存在差距

回答

相關問題