使用藍圖CSS，我們如何設計3列，每個300px寬，15px邊距或填充之間？

Question

內容區域的寬度爲960像素，3列，每個300像素，總共900像素，列間填充/邊距爲15像素，總共爲30px， ，最後在第一列的左側應該是15px填充/邊距，並在第3列的右側，相同。所以總數也是30px。

900px + 30px + 30px將是960px。

如何在Blueprint/CSS中做到這一點？這可以使用簡單的CSS完成，但編碼標準需要使用Blueprint CSS。

Answer 1

您可以覆蓋藍圖的類，在這裏看到：

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

我假設你使用藍圖的grid.css。