HTML Div 使用 CSS 文件不一致

Question

我正在使用一个名为 960.gs 的框架（这很棒！

我构建了一个div 类 12（它扩展到整个网页）然后我决定在类 12 中构建三个div，每个div 都有类 4 （4+4+4=12）

我有 2 个 CSS 文件，其中一个文本具有正文、常规字体等默认设置（常规设置）。另一个CSS文件 - 样式表，这是我编辑每个div并应用样式等的地方。

出于某种原因，3div（在主类 12div 内）。第一个和第二个div 使用文本.css工作表，第三个div 使用样式表.css。

我已经检查了拼写和所有内容，但我不知道为什么它表现得像这样。建议会有所帮助！

我有 5 个代码屏幕截图，建议将不胜感激 https://db.tt/vyv5ihq4

Answer 1

不要将三列嵌套在.grid_12容器中，只需对每列使用 .grid_4。在最后一个.grid_4 ，使用 div.clear 为其他内容设置新行（应在每行之后使用div.clear，以便重置浮点数和/或不会相互重叠）。

<div class="grid_4">
  Grid one
</div>
<div class="grid_4">
  Grid two
</div>
<div class="grid_4">
  Grid three
</div>
<div class="clear"></div>
<!-- new columns and content go here after the clearfix above -->

960.gs 演示