chrome中刷新页面时Html元素改变位置

Question

我使用的是 Chrome，当我转到此页面时，菜单不可见。菜单是右上角的 3 行按钮。如果您现在打开检查器，该元素将被隐藏，因为它位于标题上方。现在，如果您刷新页面，菜单就会正确定位。 Chrome 中也会发生这种情况。有问题的页面是:http://playszone.com/ (不要点击链接，请阅读下面的内容)

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

如果您转到检查器并禁用并启用 body > .wrapper > header > .icons 上的位置，它将显示在正确的位置。我真的无法理解是什么导致页面错误地定位元素，只有在新选项卡中打开并写入网站网址时。

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

Answer 1

添加这个，它修复了它。 底部:1px

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

或者...

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