css - 使用前缀时向左填充 960gs - 我做得对吗？

Question

这是我第一次尝试从头开始构建我的设计(通常我使用免费的 CSS 模板)。我决定试用 960gs，因为网格方法比其他框架更容易理解。

我遇到了一个问题，填充向左填充并呈现元素的背景颜色(但我没想到它会像这样工作)。

这是我的；

HTML

  <!-- start nav -->
  <div class="clear"></div>
  <div class="grid_8 prefix_2" id="nav">
    <p>nav</p>
  </div>
  <!-- end nav -->

CSS

body {
  background: #EEEEEE;
  color: #333;
  font-size: 11px;
  height: auto;
  padding-bottom: 20px;
}

div#nav {
  background-color: #FEFEFE;
}

我的导航元素从右边的两个网格开始延伸到 8 个网格，太棒了!但是，因为它被填充到左侧(两个网格)，所以我的导航背景颜色渗出到我想要的页面背景颜色中，不确定我这样做是否正确？

如果我在导航前添加 2 个网格大小的元素，情况会更好，即；

  <!-- start nav -->
  <div class="clear"></div>
  <div class="grid_2 " ><p>a</p></div>
  <div class="grid_8 " id="nav">
    <p>nav</p>
  </div>
  <!-- end nav -->

这是期望吗？我认为提供前缀会否定用准确数量的网格元素填充整行的需要？

希望我已经清楚地阐明了我的问题(如果您熟悉 960gs)，如果没有让我知道，我会以某种方式详细说明。

干杯

编辑 - 潜在答案

我觉得有点傻——也许这就是预期的用途？

  <!-- start nav -->
  <div class="clear"></div>
  <div class="grid_8 prefix_2">
  <div id="nav"></div>
  </div>
  <!-- end nav -->

Answer 1

<!-- start nav -->
<div class="clear"></div>
<div class="prefix_2 " ></div>
<div class="grid_8 " id="nav">
<p>nav</p>
</div>
<!-- end nav -->

这个怎么样？

这样看起来更符合逻辑。

或者您可以将 css 属性添加到 .grid_8 而无需前缀类？