960网格重叠div

Question

我想使用960网格创建这样的东西，是否可以使用框架或者我必须做一些自定义工作？

Answer 1

960.gs和其他CSS框架使用填充和边距，你所要做的就是覆盖它们

这是正常的代码

<div class="span-18">
    <div class="span-4 last">
    </div>
</div>

使用类似

的内容

<div class="span-18 cut-margin">
    <div class="span-4 last cut-margin">
    </div>
</div>

和

.cut-margin { margin-right: 0 !important; }

并将元素的新宽度设置为元素+正在使用的边距/填充。

您始终可以创建自己的bigspan课程，例如：

.bigspan-4 { width: 475px; margin-right: 0px; }
.bigspan-18 { width: 715px; margin-right: 0px; }

和

<div class="bigspan-18">
    <div class="bigspan-4">
    </div>
</div>

---

请记住，您始终可以design your onw grid