我在彼此重叠的图像上遇到CSS Bootstrap的问题。问题在于有时它会发生，有时却不会，因此非常不一致。
我还注意到，如果单击F12 Dev工具，图像将自动正确间隔。
我尝试按CTRL + F5刷新缓存，但问题仍然存在。
这是网站http://www.sdhealthy.com/productssnacks.html
这是图像重叠（picture）的示例。
任何人都可以请我指出CSS代码有什么问题吗？
最佳答案
我已经看过您的代码，并且您正在使用同位素jquery插件通过“ isotope-item类”对div进行定位和动画处理。
我怀疑您需要在jquery中添加此部分...
$(".isotope-w").isotope({
itemSelector: '.item',
layoutMode: 'fitRows'
});
到$（document）.ready函数。
这是因为isotope插件正在计算图像下载完成之前的div高度。
一种“解决方法”是将height属性手动添加到每个图像，但是我应该尝试更正您的jquery。
Firebug也报告错误：
ReferenceError: $ is not defined: $(document).ready(function () {
http://www.sdhealthy.com/productssnacks.html
Line 29
如果您的同位素代码已经准备好在文档上运行，则此错误将阻止其运行。