我有一个奇怪的问题，我无法弄清楚。我正在开发一些独立于网站其余部分的导航(响应式)，一切进展顺利，除了一件事。如果您以正常桌面尺寸加载页面，导航将正确位于占位符图像上方。但是，如果您将浏览器窗口的大小调整为更窄，以使其切换到平板电脑大小，然后再次将其调整为更宽，则导航将位于占位符图像下方。
也许这很简单，也可能不是。我想不通。
我的html结构是
<body>
<div id="page">
<div id="wrapper">
<nav></nav>
<section id="content"></section>
</div>
</div>
</body>
所以我不确定内容部分是如何高于导航的，但是如果您在执行上面描述的调整大小后检查代码并查看 html，代码就会变成
<body>
<div id="page">
<div id="wrapper">
<section id="content"></section>
<nav></nav>
</div>
</div>
</body>
我不确定是否是我正在使用的 javascript，或者是在处理它而不是重置它。当然这不是缺少 CSS 声明...
编辑:已解决!谢谢克里斯!
最佳答案
查看从第 #2619 行开始的代码，destroy 函数期望存在一个元素 #header，但该元素并不存在。将元素 #header 添加为 #wrapper 中的第一个元素，问题将得到解决。我假设这不是你的 JavaScript，所以我不建议更改它；相反，调整您的标记以达到预期的效果。
关于javascript - 导航在浏览器调整大小时位于内容下方，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18727350/