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 的情况下，布局会浮动到下一行！（布局右侧的 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;
}