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，但我不承认它或它的目的。