当砖块有边距时，jQuery砌体适合容器内部

我有一个960像素宽的

#容器

，我有4块240px的砖块，由jQuery砖石提供动力。然后我在砖的左右两侧有一个10px的填充物，使砖的宽度达到220px

下面是一个例子：

但是如果你注意到，砖块靠得太近了，所以我在.bricks项目的右边添加了一个边距，并缩小了砖块的宽度以弥补它。但是，最右边的砖块的右边距为5px，因此砖块不能构成完整的960像素容器，请参见：

我试着添加一个

.item:last-child{
    margin-right:0;
}

但这也不起作用，请参见：

因此，基本上，我在问如何使最后一列项目没有右边距，或者如何让项目/块填充整个960像素容器

---

谢谢你的帮助。我知道这个问题的措辞可能很糟糕，所以如果你有问题，就问吧

完成这项工作的核心思想是在jQuery中使用

$（文档）.ready（函数（）{
var$container=$（“#container”）；
$container.com({
itemSelector:“.item”，
排水沟：12
});
});

我使用了

框大小：边框框只是为了使设计更易于使用。如果不使用它，则在任何时候更改水平填充时都必须调整
宽度
：

.container{
宽度：960px；
背景:#555；
}
.项目{
宽度：231px；
背景：#fff；
填充：0 10px 15px 10px；
-moz框大小：边框框；
框大小：边框框；
}

最后，为了确保盒子接触容器的两个边缘，您需要确保您的数字是“正确的”。
喜欢还是喜欢？为了安全起见，我认为您的数字无论做什么都需要更改，因为
（960-30）/4=232.5
（不是整数）。如果这是你想要的，告诉我，我会写一个答案。@thirtydot，这正是我需要的。这是跨浏览器吗？当然，不过它确实需要一些小的调整才能在例如Firefox中工作。我会写一个答案。@thirtydot，好的，那太好了。谢谢