【问题标题】:960 grid overlapping div's960个网格重叠的div
【发布时间】:2025-11-21 13:35:01
【问题描述】:

我想使用 960 网格创建类似的东西,是否可以使用框架或我必须做一些自定义工作?

【问题讨论】:

    标签: css 960.gs


    【解决方案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

    【讨论】: