站点在右侧加载，然后转移到其实际位置

Question

底部有一个链接。几乎所发生的事情是，当页面被打开时，它完全加载到屏幕的右侧。然后当它完成加载每一个元素时，它移动到中心，这是它的实际位置。

我认为这个问题是由javascript引起的，因为没有它，该网站的工作完全正常。似乎包含什么javascript并不重要，如果我只留下其中一个，整个事情就会回来。

真的可以使用帮助。此外，该网站现在大约500页，所以我真的希望有一个解决方案，只需几步就可以解决这个问题。

感谢。

以下是该页面的链接，以便您获取css / code：http://bit.ly/3EyoWu

Answer 1

它肯定是javascript。我认为您网站上的横幅是在最后加载的，这使得浏览器在加载页面之前对内容的尺寸做出了错误的猜测。

尝试将javascript代码包含在固定宽度（和高度）div或表中。您可以通过在加载后检查页面来轻松确定javascript生成代码所需的宽度（和高度）。如果它是横幅，它们几乎总是预定义的大小。

编辑1 ----

我明白了。表的指定单元格宽度较窄，因此浏览器无法计算页面布局，直到完全呈现页面为止。宽度为110px的列具有宽度= 120px的横幅。

编辑2 ----

尝试为all-but-one列指定宽度。也就是说，如果在可疑表中有三列，请指定两个宽度，然后让浏览器决定第三列的宽度。此外，横幅似乎占据125px而不是120px的宽度，可能是因为它们周围有不必要的空白区域。我建议您适当地修改列宽（如果需要，还可以修改父表的宽度）。

Answer 2

除了浏览器不首先以无格式格式呈现页面外，这几乎可以称为“无格式内容的闪现”（FOUC）。

相反，您会在之前看到样式内容，Javascript可以添加最后润色。

通过搜索“无格式内容的闪现”，您可能会得到一些进一步的提示。