html - 960.gs:小偏移嵌套列

Question

<div class="container_16">
<div class="clear"></div>
    <div class="grid_8 alpha search shadow">

    </div>
    <div class="grid_8 omega search shadow">

    </div>
</div>

使用这段代码，布局可以工作，但向右有一个小的偏移量(3px 或类似的东西)。 (搜索阴影是仅与宽度和背景图像相关的自定义类，没有填充/边距等)

看起来像这样:

可能是什么原因？

编辑:

在不使用 alpha 和 omega 的情况下，布局会 float 到下一行! (布局右侧有 2 个框，一个正好在另一个上方!)

Answer 1

在 960 网格框架中，“grid_8”的 CSS 类具有以下 CSS 属性:

  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;

我感觉你还没有浏览过 960 网格框架的 CSS 文件。我建议您至少阅读您正在使用的类需要什么。

例如:

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}