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;
}