例如,在一个 12 列的网格中,我想要一个 9-grid-wide 和另一个 4-grid-wide 。div 将在中间重叠 1 格宽。这对于一些花哨的效果很有用。
当然我可以只使用一个 div,然后在里面相应地创建更多的 div(不使用网格系统),但是有更好的方法吗?
或者您可以使用所有自定义 DIV 自行组织布局,这只是遵循 960GS 为您提供的指南。没有什么可以告诉您必须使用预制的 HTML 模板才能从网格系统的概念中受益。它只是作为一个指南,以确保页面上的所有宽度看起来都很好并且适合。
我相信网格 CSS 系统旨在实现快速简单的无表格布局。它们不是为这种事情而设计的。但是,您可能会对第三方工具感兴趣。你可以在这里找到它:http: //gridder.andreehansson.se/
然而,您可能会发现只使用 CSS 来布局您的 DIV 元素、使用负边距重叠它们并使用 z-index 属性来确定哪些重叠的 DIV 元素应该在顶部更容易。