我刚接触使用CSS进行布局（我很长时间没有做任何网页设计）我似乎无法弄清楚如何让页面的页脚显示在底部我想要的方式。
要求： - 如果内容超出视口的垂直大小，则在内容底部显示 - 如果视口超出内容的垂直大小，则在视口底部显示。
我正在使用的代码将页脚设置在视口的底部，但如果我将浏览器的大小设置为比内容短，则只会覆盖内容。
代码：
<div style="background-image:url(footer_bg.jpg); background-position:bottom; background-repeat:repeat-x; height:235px; width:100%; bottom:0px; position:absolute;"></div>
我的主要目标是拥有一个带文字的页脚（即公司信息，联系信息）和背景渐变。我希望页脚背景跨越页面的宽度，但我不知道我是否可以使用960 gs div来做到这一点。
编辑：我想对所有CSS执行此操作，如果可能，不使用脚本。
我找到了一些很好的代码来获得这个链接的CSS页脚：
http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page
我现在遇到的用960gs实现的主要问题是960gs CSS中的float:left;。它似乎阻止我的网格垂直扩展父<div>。但是，如果我移除浮动，960gs似乎也不起作用。
以下是删除了浮动的链接。 'a'列是grid_7 suffix_1，'b'列应该是grid_4，位于同一container_12。换句话说，它们应该紧挨着彼此。
答案 0 :(得分：4)
看看CSS Sticky Footer。它是在纯html / css中完成的，根本没有脚本。有一个解释说明如何在signalkraft.com处使用960gs。
希望这有帮助。
答案 1 :(得分：0)
在CSS中，没有“if / else”能力。这就是脚本语言的用武之地。
查找JQuery。在JQuery中，你可以使用#id页脚获取一个元素，并说出如下内容：
$('#footer').addClass('bottomView');
'bottomView'可以使具有id页脚的元素粘贴到视口的底部。然后，当用户滚动，JQuery可以监视时，它可以检查是否要将类更改为“bottomContent”。
然后在你的css中，只需要使用bottomView和bottomContent类将元素放在你想要的位置。
祝你好运。