Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 960网格系统中的重叠网格_Css_960.gs - Fatal编程技术网

Css 960网格系统中的重叠网格

Css 960网格系统中的重叠网格,css,960.gs,Css,960.gs,例如,在12列网格中,我希望有一个9网格宽和另一个4网格宽。div将在中间有1格宽的重叠。这对于一些奇特的效果很有用 当然,我可以只使用一个div,然后在其中创建更多的div(不使用网格系统),但是有更好的方法吗 我相信网格CSS系统的设计是为了实现快速、简单的无表布局。它们不是为这种事情设计的。但是,您可能会对第三方工具感兴趣。你可以在这里找到它: 但是,您可能会发现使用CSS布局DIV元素、使用负边距重叠它们以及使用z-index属性确定哪些重叠的DIV元素应该位于顶部更容易。或者您可以使用

例如,在12列网格中,我希望有一个9网格宽和另一个4网格宽。div将在中间有1格宽的重叠。这对于一些奇特的效果很有用


当然,我可以只使用一个div,然后在其中创建更多的div(不使用网格系统),但是有更好的方法吗

我相信网格CSS系统的设计是为了实现快速、简单的无表布局。它们不是为这种事情设计的。但是,您可能会对第三方工具感兴趣。你可以在这里找到它:


但是,您可能会发现使用CSS布局DIV元素、使用负边距重叠它们以及使用z-index属性确定哪些重叠的DIV元素应该位于顶部更容易。

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