我的
HTML / CSS遇到了一些非常奇怪的事情.

当我重新加载页面时,有时我的一个元素最终定位在它应该是的位置(垂直居中),有时它最终会出现在视口之外(类似于页面顶部700px).

页面在不同页面加载时的行为方式不同只是奇怪的一半.如果我删除了body的高度：100％属性并将其重新添加到Web检查器中,一切都神奇地修复了自己. (正文是这个元素的直接父母.)

我的直觉告诉我,奇怪的第一部分的答案是,有一些竞争条件继续导致事情以不同的顺序随机发生.但我不确定这可能是什么或为什么会影响事情.

什么可能导致从元素中删除和重新添加相同的CSS属性以导致页面布局更改？

不幸的是,我无法在jsfiddle中重现,但这里有一个这样的GIF：

编辑：一个新的拼图.我发现这只发生在Chrome中,并且只有在页面加载了URL上的空哈希时才会发生.

> http://myurl.com的作品
> http://myurl.com/#foo的作品
> http://myurl.com/#间歇性地出现问题

有一个解决方法可以触发@Huangism在下面发布的重新流程,但是有一些警告(一些复杂的时间准确地触发重新流动并且还触发工作页面上的重新流动导致内容的闪现).

最佳答案 我认为这是一个奇怪的铬错误,试试这个

显示内容后,使用jquery – 隐藏包含该内容的div,检查它的高度并显示它

假设$el是你的jquery div元素

$el.hide().height();
$el.show();

试一试,看看它是否解决了这个问题