Safari上的粘滞菜单打破（保证金问题？）

Question

我有一个问题，我现在试图解决几个小时。

我的网站上有一个固定元素用于菜单，粘贴在网页顶部，上面没有边距或间距。

在firefox，chrome上运行得很好，但在Safari上大约一半的菜单都是从页面顶部切掉的。

网站：uprighthealth.com

铬： chrome - working

Safari中： safari - broken

目前我的问题是修补了浏览器特定的修补程序，但我知道并没有解决实际问题。要查看发生了什么，只需在id =＆＃34; nav-container＆＃34;下禁用2个特定于浏览器的样式。和id =＆＃34;标题＆＃34;在野生动物园

任何帮助都会非常感激！

Answer 1

将顶部/左侧位置添加到固定元素：

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