jQuery Masonry 插件在 IE7 中损坏 - Wordpress

Question

访问this link查看相关页面。

这里有什么想法吗？我正在拔头发。只有IE7有问题。 IE8 工作得很好。在 Chrome/Firefox 中查看该网站以了解其外观。

谢谢！

Answer 1

我的初步假设是这是 IE7 的浮动问题（请参阅：http://www.positioniseverything.net/explorer/escape-floats.html）。该浏览器在各种情况下都难以计算高度。我注意到您已设置：

.scrap-post-item
.scrap-post-item a
.scrap-post-item p
.scrap-post-item img

所有人都有float: left;

没有理由完成这种布局，因为只有这些项目的容器需要浮动。

这就是我要开始的地方，摆脱无关的浮动。如果浏览器没有将容器的正确高度传递给砌体，砌体就不可能正确布局页面。您还可以通过将zoom: 1; 添加到正在浮动以导致 IE7 并在正确计算布局之前的较高容器之一的“hack”解决方案取得成功。