移动浏览器上的 CSS 固定位置

我不确定我能不能解释清楚问题是什么，所以请谅解。

我有这个 HTML 代码:

<div id="container">
    <div id="navbar">
        ...
    </div>
    <div id="content">
        ...
    </div>
</div>

这是CSS代码:

#container {
    display: block;
    width: 640px;
    height: 480px;
}
#navbar {
    display: block;
    position: fixed;
    width: 640px;
    height: 70px;
}
#content {
    display: block;
    marign: 70px 0 0 0;
    width: 640px;
    height: 410px;
    overflow-y: auto;
}

它在桌面和任何基于 Android 的浏览器上工作正常，但在 iPhone 的 Safari 中...当我放大此页面时，内容工作正常，但固定元素保持在相对于屏幕的位置。所有其他元素都运行良好。

问题是什么？我不知道...

最佳答案

An element with fixed position is positioned relative to the browser window.

你应该给 top: 0; 和/或 left:0 等

关于移动浏览器上的 CSS 固定位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14851036/