960网格重叠div

发布于 2024-10-22 02:53:32 字数 117 浏览 1 评论 0原文

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

在此处输入图像描述

I would to create something like this using the 960 grid, is it possible using the framework or do i have to do some custom work?

enter image description here

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

送舟行 2024-10-29 02:53:32

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>

and 的

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

记住您始终可以 设计你的onw网格

960.gs and other CSS Frameworks use the padding and margins, all you have to do is to override them

this is the normal code

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

use something like

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

and

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

and set the new width of your elements to the element + the margin/padding you are using.

You can always create your own bigspan classes, for example:

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

and

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

remember that you can always design your onw grid

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文