php – 为什么我的网站丢失了它的网格布局对齐.它是用砖石砌成的

我创建了一个画廊页面.它显示具有可变高度的图像.正如建议 here to use a masonry plugin我使用的是砌体插件.直到昨晚一直很好.

但今天早上,当我再次检查它时,我失去了对齐.自过去3天以来未对网站进行任何更改.这是快照.

之前,所有div都会自动调整(标记的空格被删除),显示效果如下

http://pinterest.com/

但突然间我的网站失去了对齐.无法弄清楚问题.

可能是什么问题….请帮助我.在我的网站的一个大问题

这是css对齐和砌体应用程序

#body {background-color:#1c4d5c;padding:10% 0% 20% 20%;}
#imagesection
{
margin:10px 10px 10px 10px;
float:left;
width:214px;
border: 5px solid #f0f0f0;
background-color:#d2dbde;
border-radius:5px;
}

var $container = $('#body');

$container.imagesLoaded( function(){
  $container.masonry({
    itemSelector : '#imagesection'
  });
});

砌体在IE 8中不起作用

注意：我正在使用codeigniter,因此我在视图中加载页眉,正文,页脚等文件.

尝试只使用像.Box .col2这样的砌体插件所需的类…

其他类可能会影响您的总体对齐..