div在页面加载时移动

Question

我被一个在页面加载时处于一个位置的div和另一个页面完成加载时的位置卡住。我几乎整个下午都在这件事上花了一个小时，似乎无法理解为什么会发生这种情况。

我使用的是wordpress，所以有很多不同的条件标签为不同的模板，但我看不到模板文件中的问题。似乎给我很难的div是容器。我改变了模板上容器的背景颜色，所以我可以看到它在页面加载时做了什么，并且在页面加载45px的margin-top或padding时，顶部被应用于容器。

有没有人有任何想法？我已经通过条件标签了，我的样式表和我只是不明白为什么它的行为方式。任何帮助将不胜感激。

Answer 1

这是我花了几个页面刷新，但我想我能看到你的问题：

有这个特殊的DIV：类=“入门图像容器”，尽管没有被要求加载到页面并导致你的下拉，因为这个元素似乎是通过在DOM中的不透明度加载....

如果你打F12并打开入口图像容器标记，点击页面上的刷新，你会注意到入口图像容器通过不透明度加载，似乎是导致加载延迟（我已经张贴了一个图像，但StackOverflow说我还不够高的代表）

也许包含这个标签的条件语句会为您解决问题？

我希望这有助于以某种方式 - 在Mac OSX上使用Chrome

Answer 2

标题有一个44px填充（22px 0 44px）。 对我来说（目前稳定的FF，Win7）没有什么动静。