砌体附加天沟

Question

在我的页面中，我有3个面板，列宽为280px，天沟为10px，左右面板宽度为280px，中心面板的宽度为560px，因此左面板的排水槽为20px。

我怎样才能删除这个额外的阴沟并将其设置为10px。图片：

这些面板Java脚本：

var container2 = document.querySelector('#push-below'); 
    var msnry2 = new Masonry(container2, { 
     // options 
     columnWidth: 280, 
     gutter: 10, 
     itemSelector: '.panel' 
    }); 

Answer 1

的问题似乎是，列的宽度和排水沟宽度没有增加，以填补所有容器的宽度。您可以尝试重新计算列宽以适合，以便较小的列由多个虚拟列组成。或者对于简单（和丑陋）的解决方案，只需设置columnWidth为10.