css - 在 960 网格中折叠 float

Question

我正在尝试在页面的顶部和底部使用带有页眉和页脚图形的 960 网格系统。这些图形需要比 960 网格更宽。 header 工作正常 - 一个 DIV，绝对位置，宽度 100%，居中，完美地完成了工作。

但现在我想要同样的东西，但在页面底部。 IE。与页 footer 分的底部对齐。我想我会把背景图片附加到 .container_16 的底部div，位于底部。这样，页脚图像将始终位于内容的底部。

到目前为止，这是我的尝试: http://www.northtreestudios.com/sandbox

红线是body的边框标记，蓝线是 .container_16 的边框分区我在我能想到的任何地方都放了一个清算 div ( <div class="clear"></div> )，但我什么都不做，也不会得到 .container_16 div 或 body标签展开以包含页脚!

我已经在网上搜索了几个小时，但我的想法已经用完了......

Answer 1

If this is what you want ，然后就这样做:

#container {
    border:2px solid blue;
    top:0;
    width:960px;
}

或者，如果您希望该导航位于顶部，请执行以下操作:

#container {
    border:2px solid blue;
    top:0;
    width:960px;
    margin-top:-250px;
}