使用前缀时剩下960gs填充 - 我做得对吗?

时间:2014-08-08 10:58:54

标签: css 960.gs

这是我从头开始构建设计的第一次尝试(通常我使用免费的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 -->

2 个答案:

答案 0 :(得分:0)

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

这个怎么样?

这种方式似乎更符合逻辑。

或者您可以在没有前缀类的情况下向.grid_8添加css属性吗?

答案 1 :(得分:0)

这就是我选择做的......我运作良好,当你看到它时似乎很合乎逻辑。

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