我看不出使用http://960.gs或http://blueprintcss.org的意义，如果他们强制执行除漂亮杂志布局/marketing-esq 小册子之外的边距。有没有办法可以使用这些来满足某些设计要求，例如可以实际触摸/环绕标题的导航栏？任何使用这些框架而没有边距的输入（因为它们将浏览器兼容性强加给较少 CSS 大师级别的开发人员）将是理想的。（注意：我们使用的是 JSF，这也是一个开发商店，根本不是网上商店）
问问题
1260 次
3 回答
2
我使用这种技术作为我的终极 CSS 布局技术：
http://www.codeofficer.com/blog/entry/css_grid_frameworks_960gs_without_margins/
我曾经遇到过同样的问题，自从我使用了那个，所有的边距问题都消失了。当我需要使用自定义宽度/高度时，我使用!important覆盖。
编码：
<div class="g_9 content_main">
This div should actually have 720px in width.
But I overide it using another class so now the width has become 700px,
and just in case it needs custom margin, we can always set it in the css :)
</div>
CSS：
.c_12 .g_9, .c_16 .g_12 { width: 720px; } /* 960-full.css */
.content_main { width: 700px !important; margin-left: 15px;} /* style.css */
于 2009-06-25T05:25:35.440 回答
0
您不必为站点上的每个 div 使用网格类。如果您的页眉不需要遵循网格布局，则为页眉创建自己的样式。您也可以完全跳过网格，只使用表单和排版标记。这些框架试图为您的项目带来一点一致性。
我对主要内容使用蓝图，但标题区域有它自己的自定义布局。
于 2009-05-14T21:10:38.330 回答
0
这是我编写的一个与 960gs 配合使用的 mod，可帮助您创建可触摸的元素，而无需重写框架。
于 2009-07-23T21:45:34.590 回答