作为一个班级小组项目，我在做前端，而其他成员在做后端。我正在使用 24 列 960 网格系统来尝试定位所有内容。这是我第一次真正使用 CSS 和 960 网格系统做一个项目。
我正在使用 javascript 来包含其他 html 文件。不包括页眉和页脚，我为主要内容区域创建了 6 个 div，并希望每个 div 包含不同的 html 文件。2 行，每行 3 个 div。
我遇到的问题是 div 相互堆叠，即使我给了它一个 grid_8 类，我也无法真正控制每个 div 的宽度。最重要的是，它们彼此堆叠在一起，即使我向下滚动，它也会在底部被切断。我还想让页脚保持在底部，但我不想一直固定在浏览器的底部，而是想一直向下滚动才能看到它。
这是 atm 的样子，我给 div 设置了边框，这样你就可以看到它们是如何堆叠的http://i53.tinypic.com/2lbzgp.png我还放入<div id="clear"></div>了header.html和footer.html文件
任何帮助表示赞赏，在过去的一周里一直让我发疯。
再次编辑不知道我是否做对了，但这里是代码http://jsfiddle.net/RZtXu/3/