php - Div 在页面加载时移动

标签 php css wordpress html

我遇到了一个 div,它在页面加载时处于一个位置,而在页面完成加载时处于另一个位置。我几乎整个下午都花在了这件小事上,似乎无法理解为什么会这样。

我使用的是 wordpress,因此对于不同的模板有很多不同的条件标签,但我看不到模板文件中的问题。似乎给我带来困难的 div 是容器。我更改了我所坚持的模板上容器的背景颜色,因此我可以在页面加载时看到它在做什么,在我看来,一旦页面加载了 45px 的 margin-top 或 padding- top 被应用于容器。

有人有什么想法吗?我已经检查了条件标签和样式表,但我只是不明白为什么它的行为方式是这样的。任何帮助将不胜感激。

最佳答案

我刷新了几次页面,但我想我可以看到你的问题:

有一个特殊的 DIV: class="entry-image-container"尽管不是必需的但它被加载到页面中并且导致你的下拉列表因为这个元素似乎是通过 DOM 中的不透明度加载....

如果您按 F12 并打开 entry-image-container 标签,在页面上点击刷新,您会注意到 entry-image-container 是通过 Opacity 加载的,似乎导致加载延迟(我会已经发布了一张图片,但 StackOverflow 说我的代表还不够高)

也许为此标签添加条件语句可以解决您的问题?

我希望这对您有所帮助 - 在 Mac OSX 上使用 Chrome

关于php - Div 在页面加载时移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9560355/

相关文章:

javascript - Jquery Ajax 函数 setInterval - 控制台错误

php - 如何让 PHP Curl 请求不等待?

javascript - Bootstrap 4 崩溃不是自动关闭

css - 图像替换时弹出文本

php - 在 WordPress 中指定 TinyMCE 编辑器字体颜色?

php - 在 PHP 中读取大文件的最佳方法?

PHP Loop MySQL 结果到数组

html - 对齐底部 flexbox

javascript - 无法将脚本放入子主题中

javascript - Google map 标记不显示