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

Question

我正在使用chrome，当我转到此页面时，菜单不可见。菜单是右上角的3行按钮。如果你现在去打开检查器，元素将被隐藏，因为它位于标题上方。现在，如果刷新页面，则菜单位置正确。也发生在铬中。有问题的页面是：http://playszone.com/（不要点击链接，请阅读下面的内容）

要重现此问题，请不要点击该链接。打开一个新标签并复制粘贴网址。然后刷新页面。

如果您前往检查员并禁用并启用body > .wrapper > header > .icons上的位置，它将显示在正确的位置。我真的无法理解是什么让页面错误地定位元素，只有在新标签页中打开并写入网站网址时才会。

有什么问题？是我的错还是什么？

Answer 1

实际上它并不是在正确的地方。它位于代码中的“相同位置”，但是当您将鼠标悬停在“图标”div的代码上时，它会在页面上显示它实际上稍微低一点，位于白色菜单后面，因为菜单可能是在顶部，你看不到它。

快速修复可能是将“icons”div设置为绝对位置并将position-top设置为0px。

Answer 2

添加它，它修复了它。 bottom: 1px

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

或者...

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