php - 为什么我的网站失去了网格布局对齐。它是用砖砌的

Question

我创建了一个画廊页面。它显示具有可变高度的图像。正如这里建议的使用砌体插件，我使用了砌体插件。一直到昨晚都很好用。

但是今天早上当我再次检查时，我失去了对齐。自过去 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，因此我正在加载页眉、正文、页脚等文件。

Answer 1

尝试仅使用 .box .col2 等砌体插件中所需的类 ...

其他课程可能会影响您的整体对齐..

Answer 2

在我看来，周围的容器太大了。再次将宽度调整为更小。你可以在右边界看到平铺算法，所以我猜砌体工作得很好。