粘性菜單打破Safari（保證金問題？）

Question

我有一個問題，我試圖解決幾個小時了。

我的網站上有一個固定的菜單元素，粘貼到網頁頂部，沒有任何邊距或間距。

在firefox，chrome上效果很好，但在Safari上，大約一半的菜單從頁面頂部切斷。

網站：uprighthealth.com

鉻： chrome - working

Safari瀏覽器： safari - broken

目前，我有一個特定的瀏覽器補丁修復這個問題，但我知道這不是解決真正的問題。要查看發生了什麼，只需在Safari瀏覽器中禁用id =「nav-container」和id =「header」下的2個瀏覽器特定樣式

任何幫助將非常感謝！

Answer 1

加頂/左位置固定的元素：

div#nav-container { 
    position: fixed; 
    top: 0; 
    left: 0; 
}