Html 使用CSS和960gs进行页脚定位

我刚开始用CSS做布局（我很久没有做过任何网页设计了），我似乎不知道如何让页面的页脚以我想要的方式显示在底部

要求： -如果内容超过视口的垂直大小，则显示在内容的底部 -若视口超过内容的垂直大小，则显示在视口底部

我正在使用的代码将页脚设置在视口底部，但如果我将浏览器的大小设置为比内容短，它将只覆盖内容

代码：

我的主要目标是有一个带有文本（即公司信息、联系信息）和背景渐变的页脚。我希望页脚背景能覆盖整个页面的宽度，但我不知道用960个gs div是否能做到这一点

编辑：我想对所有CSS进行编辑，如果可能的话，不需要脚本。
我在这个链接中找到了一些很好的代码来获取CSS页脚：

我现在在用960gs实现时遇到的主要问题是

float:left。它似乎阻止了我的网格垂直扩展父级
。然而，如果我移除浮动，960gs似乎也不起作用

以下是已拆下浮子的连杆。“a”列是一个
grid\u 7后缀\u 1
，“b”列应该是同一
container\u 12
中的
grid\u 4
。换句话说，它们应该紧挨着彼此。
在CSS中，没有“if/else”功能。这就是脚本语言的用武之地

查找JQuery。在JQuery中，您可以抓取一个带有#id页脚的元素，然后说：

$('#footer').addClass('bottomView');

“bottomView”可以使具有id页脚的元素粘附到视口的底部。然后，当用户滚动JQuery可以监视的对象时，它可以检查是否要将类更改为“bottomContent”

然后在css中，只需使用类bottomView和bottomContent将元素放置在您想要的位置

祝你好运。
看一看。它是在纯html/css中完成的，根本没有脚本。这里有一个关于如何让它与960gs在一起工作的说明

希望这有帮助。
我想尽量避免使用脚本。如果可能的话，我想用所有的CSS来做。将对原始问题添加注释以进行澄清。非常好。这对我有用。我能看到的唯一不同于我以前尝试过的解决方案的是
溢出
和
清除
。我想可能是
很清楚：两者都有这就成功了。谢谢