960.gs - 960 CSS 框架，如何获得完整的 960 宽度？

Question

我使用 960 css 框架。我有这个代码：

<div class="container_16" id="header">
  div class="grid_16">Header</div>
</div>

960 在网格的左侧和右侧添加了 10 像素的装订线。我想使用完整的 960 宽度。所以我读到使用 alpha 和 omega 从左侧和右侧移除 10px 排水沟。然而，这是使用 960 框架的正确方法吗？

<div class="container_16" id="header">
      div class="grid_16 alpha omega">header</div>
  </div>
  <div class="container_16" id="nav">
      div class="grid_16 alpha omega">nav</div>
  </div>
  <div class="container_16" id="body">
      div class="grid_16 alpha omega">body</div>
  </div>
  <div class="container_16" id="footer">
      div class="grid_16 alpha omega">footer</div>
  </div>

只是似乎不应该以这种方式使用。但我不想要左右两侧的间距。

Answer 1

网格设计为在左侧和右侧有排水沟。如果您不想这样做，则需要使用alpha和omega类。但是，它们是为嵌套的块元素设计的，并不是真的以这种方式使用。

如果 960 网格不符合您的偏好，请更改它，直到您喜欢为止。它并不意味着死板，它是您自定义和简化的起点。