Css 对齐浮动div以填充整个空间

我有一个720px宽的div，我用140px宽的div填充它，向左浮动。我希望能够将这些div与包含div的左右边缘对齐

当然，问题是，当我在浮动div上加上一个保证金时，由于保证金的存在，右边的保证金不会对齐。左侧边距产生相同的结果，但位于左侧边缘

---

有什么办法解决这个问题吗？

如果您使用服务器端语言生成这些div，您可以通过执行以下操作来计算行中最后一个项目：

<div class="column <%if iteration % 6 == 0 %>last-in-row<%end%>"></div>

试试这个：

您可以将元素放入行中，并使用这些css2选择器检测第一个、中间和最后一个元素。您可以为内部的不同位置指定不同的边距

element:first-child {

}

element:last-child {

}

element .className {
     margin-left: 6px;
}

---

所以删除边距？一个示例（即使在JSFIDLE上）和/或图像将有很长的路要走。如果您给它留有边距，就没有办法将其刷新到边框。除非你将它们定位为绝对位置，这反过来会造成更大的伤害，因为现在它们不会彼此相邻浮动，除非你绝对地指定它们的位置。我可能错了，但根据我的经验，它是如何工作的。我实际上最终使用了这个：，这是我从你的建议中得到的。精彩的。结果很好。

element:first-child {

}

element:last-child {

}

element .className {
     margin-left: 6px;
}