在IE7中破解的jQuery Masonry插件 - 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;

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

这就是我开始的地方，摆脱无关的花车。如果浏览器未将容器的正确高度传递给砌体，则砌体无法正确布局页面。您也可以成功使用“hack”解决方案，将zoom: 1;添加到正在浮动的较高容器之一，从而导致IE7正确计算布局。