960网格系统中的重叠网格

Question

例如，在12列网格中，我想要一个9网格宽和另外4网格宽。 div将在中间重叠1格。这对某些奇特的效果很有用。

当然我可以使用一个div然后相应地创建更多div（不使用网格系统），但是有更好的方法吗？

Answer 1

或者您可以使用所有自定义DIV自行组织您的布局，只需遵循960GS为您提供的指南。没有任何东西可以告诉您必须使用预制HTML模板才能从网格系统的概念中受益。它只是作为指南，以确保页面上的所有宽度看起来很好并且适合在一起。

Answer 2

我相信网格CSS系统旨在实现快速简便的无表格布局。它们不是为这种东西而设计的。但是，您可能会感兴趣的是第三方工具。您可以在此处找到它：http://gridder.andreehansson.se/

然而，您可以更容易地使用CSS来布局DIV元素，使用负边距重叠它们并使用z-index属性来确定哪个重叠的DIV元素应该位于顶部。