在chrome中刷新页面时，Html元素会更改位置

我使用的是chrome，当我进入此页面时，菜单不可见。菜单是右上角的3行按钮。如果现在打开inspector，元素将隐藏，因为它位于标题上方。现在，如果刷新页面，菜单将正确定位。在铬中也会发生。有问题的页面是：（不要点击链接，阅读下文）

为了重现问题，您不应单击该链接。打开新选项卡并复制粘贴url。然后刷新页面。

如果转到inspector并禁用和启用

body>.wrapper>header>图标上的位置，它将显示在正确的位置。我真的无法理解是什么让页面错误地定位了元素，只有在新选项卡中打开并写入站点url时

有什么问题？是我的错还是什么？
事实上，它不在正确的地方。它在代码中的“相同位置”，但当您将“icons”div的代码悬停时，它会在页面上显示它实际上有点低，在白色菜单后面，并且由于菜单可能呈现在它上面，所以您无法看到它

一个快速解决方案可能是将“图标”div设置为绝对位置，并将位置top设置为0px
 添加这个，它会修复它<代码>底部：1px

.icons {
display: inline-block;
height: 55px;
position: absolute;
right: 0;
bottom: 1px;
}

或者

---

非常奇怪，尤其是当点击链接时，它工作正常。是的，以前从未发生过。是的，当我说“不在正确的位置”时，我指的是视觉位置。我会尝试你的解决方案。这可能与缓存前和缓存后的呈现顺序有关，但我不明白为什么第一眼看到代码。谢谢，明天我会尝试并给你反馈。你知道这个问题的原因吗？为什么会这样，因为它似乎是浏览器中的一个bug。我想这一定是因为你的位置绝对。我仍在搜索DOM以找到一个解释。它添加了底部1修复了它，但它在刷新时改变位置是荒谬的。我在想也许这与一个div没有关闭有关，但是验证器没有发现这个问题……实际上是的，这是绝对位置。如果你把绝对位置移到右边，它也会修正它。我仍然想知道为什么会发生这种情况。你能解释一下吗？

.icons {
display: inline-block;
height: 55px;
float: right;
}