HTML Div 不一致地使用 CSS 文件

Question

我正在使用一个名为 960.gs 的框架(太棒了!)

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

我有 2 个 CSS 文件，一个文本具有默认的正文设置、通用字体等(通用设置)。还有另一个 CSS 文件 - 样式表，我在其中编辑每个 div 并应用样式等。

出于某种原因，3 个 div(在主类 12 div 中)。第一个和第二个 div 使用 text.css 表，第三个 div 使用 stylesheet.css。

我已经检查了拼写和所有内容，但我不知道为什么会这样。建议会很有帮助!

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

Answer 1

不是将三列嵌套在 .grid_12 容器中，而是对每一列使用 .grid_4。在最后一个 .grid_4 之后，使用 div.clear 为附加内容设置一个新行(div.clear 应该在每一行之后使用，所以 float 被重置和/或不相互重叠)。

<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 demo