css - 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>

---

请记住，您总是可以设计您的在线网格