在960网格中折叠浮动 - “清除”似乎不起作用!

时间:2010-07-07 00:46:09

标签: css clear 960.gs

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

但是现在我想要同样的事情,但是在页面的底部。即与页脚部分的底部对齐。我想我会将背景图像附加到位于底部的.container_16 div的底部。这样,页脚图像将始终保留在内容的底部。

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

红线是body标记的边框,蓝线是.container_16 div的边框。我把清算div(<div class="clear"></div>)放在我能想到的任何地方,但我无所事事,我会将.container_16 div或body标记展开以包含页脚!

我已经在网上搜了好几个小时了,而且我的想法已经不多了......

2 个答案:

答案 0 :(得分: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;
}

答案 1 :(得分:0)

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