使用Blueprint CSS，我们如何设置3个列，每个300px宽，15px边距或填充？

Question

内容区域的宽度为960px，有3列，每列300px，总共900px，列之间的填充/边距为15px，总共30px， 最后，在第1列的左边应该有15px填充/边距，在第3列的右边，应该是相同的。所以总数也是30px。

900px + 30px + 30px将为960px。

如何在Blueprint / CSS中执行此操作？这可以使用简单的CSS完成，但编码标准需要使用Blueprint CSS。

Answer 1

您可以覆盖蓝图类，请参见此处：

http://jsfiddle.net/JeaffreyGilbert/aznVd/

我假设您正在使用Blueprint的grid.css。