960網格系統中的重疊網格

Question

例如，在一個12列的網格中，我想要有9個網格寬和另一個4個網格寬的網格。 div的中間會有1格的重疊。這對於一些奇特的效果很有用。

當然，我可以只使用一個div，然後相應地創建更多的div（不使用網格系統），但有沒有更好的方法？

Answer 1

或者你可以自己組織你的佈局與所有自定義的DIV，只是遵循960GS給你的指導方針。沒有什麼能夠告訴你必須使用預製HTML模板才能從網格系統的概念中受益。它只是作爲一個指南，以確保頁面上的所有寬度看起來不錯並且合在一起。

Answer 2

我相信grid CSS系統的設計是爲了實現快速簡單的無表格佈局。他們不是爲這種事情設計的。不過，您可能會感興趣的是第三方工具。你可以在這裏找到它：http://gridder.andreehansson.se/

然而，你可能會發現使用CSS來佈局你的DIV元素更容易，使用負邊距重疊它們，並使用z-index屬性來確定哪些重疊的DIV元素應該在最佳。