CSS 框架（即：960gs 或 Blueprintcss）可以在没有边距的情况下使用吗？

Question

我不明白使用 http://960.gs 或 http://blueprintcss.org 如果他们强制执行除漂亮杂志布局/marketing-esq 小册子之外的边距。 有没有一种方法可以使用它们来满足某些设计要求，例如可以实际触摸/环绕标题的导航栏？ 任何使用这些框架而无需边距的输入（因为它们对 CSS 大师级别较低的开发人员强制执行浏览器兼容性）都是理想的。（注意：我们正在使用 JSF，这也是一个开发商店，而不是一个 Web完全购物）

Answer 1

我使用这种技术作为我的终极 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 */

Answer 2

您不必为站点上的每个 div 使用网格类。 如果您的标题不需要遵循网格布局，则为标题创建您自己的样式。 您也可以完全跳过网格，只使用表单 & 排版标记。 这些框架试图为您的项目带来一些一致性。

我使用蓝图作为主要内容，但标题区域有自己的自定义布局。

Answer 3

这是我编写的一个 mod，它可以与 960gs 配合使用，帮助您创建触摸元素，而无需重写框架。

http://www.michaelhartmayer.com/css/960gs-margin-mod