Question

我有一个奇怪的问题，我无法弄清楚。我正在开发一些独立于我网站的导航（即响应），一切顺利，除了一件事。如果以正常桌面大小加载页面，则导航正确位于占位符图像上方。但是，如果您将浏览器窗口的大小调整为更换为平板电脑大小的位置，然后再将其调整为更宽，则导航将位于占位符图像下方。

也许这很简单，也可能不是。我无法理解。

我的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声明......

编辑：已解决！谢谢Chris！

Answer 1

尝试更改navigation.js行

a.elt.insertAfter("#content");

到

a.elt.insertAfter("#header");

Answer 2

查看从第2619行开始的代码，destroy函数期望有一个元素#header，它不存在。添加元素#header作为#wrapper中的第一个元素，问题将解决。我假设这不是你的JavaScript，所以我不建议改变它;相反，调整你的标记给它预期的结果。