css - 在 960 网格中折叠浮动

Question

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

但现在我想要同样的东西，但在页面的底部。即与页脚部分的底部对齐。我想我会将背景图像附加到.container_16div 的底部，位于底部。这样，页脚图像将始终与内容的底部保持一致。

红线是body标签的边框，蓝线是.container_16div 的边框。我在我能想到的任何地方都放置了一个清除 div ( <div class="clear"></div>)，但我所做的任何事情都不会让.container_16div 或body标签扩展以包含页脚！

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

score 1 · Accepted Answer

如果这是你想要的，那么就这样做：

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

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

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

score 0 · Accepted Answer

这可能已经解决了它，但它涉及修改 960GS 框架。如果您发布原始 HTML 代码，我很乐意调查发生这种情况的原因。

2 回答 2