javascript - Chrome中的奇怪div溢出

Question

出于某种原因，仅在 Chrome 中，当您刷新此投资组合页面时，缩略图会中断并向下移动到页脚中。

我可以复制它的唯一方法是刷新页面。

很奇怪..可能是JS问题吗？

之前：http ://cl.ly/463x3d0y1D1k3535162C

刷新后：http ://cl.ly/3Y3Q1A2u3N373s0r210s

现场直播：http ://atavist.baltimoredrew.com/?post_type=portfolio

Answer 1

看起来您正在为#portfolio 中的文章元素应用高度。

我的猜测是，在图像加载之前，您正在运行的“等高”代码运行得太早，因此您无法获得准确的高度。

在实现等高位之前，请尝试确保页面已准备就绪（已加载图像、准备好 dom 等）。

希望这可以帮助。

Answer 2

最奇怪的第一件事是底部的这段 html？页面：

<style type="text/css" class="fluid-images">img{max-width:100%;height:auto;}</style>

样式标签没有类属性，所有样式都应该放在文档的顶部。

它也可能与此有关：

.fix::before, .fix::after, .col-full::before, .col-full::after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}

上面的代码显然是一个 css hack，但我不认识它或它的目的。