Google Chrome 中奇怪的不一致渲染

Question

当我在 Chrome 中查看此网页时

它呈现不一致。

问题出在右上角的登录小部件上。有时它会按预期呈现，如果我刷新它，有时它不会正确浮动。

要重现不稳定的行为，只需重复刷新页面，您就可以看到不一致的情况。

请帮忙。屏幕截图是同一页面，服务器端文件没有任何差异。我在 Firefox 中验证过，不存在这种不一致的情况。在 Firefox 中打开该页面以供参考。

提前致谢。

Answer 1

这是该问题的一个可能的解决方案。当我运行开发人员工具中的 Chrome 审核工具时，我得到以下信息（以及其他一些不应成为此问题原因的内容）：

优化样式和脚本的顺序 (2)

以下外部 CSS 文件包含在文档头中的外部 JavaScript 文件之后。为了确保并行下载 CSS 文件，请始终在外部 JavaScript 之前包含外部 CSS。

simple-image-link.css
style.css

基本上，它加载样式表的顺序不正确，这可能是导致问题的原因。