粘贴页脚在调整大小时打破布局

Question

我正在使用来自（Ryan Fait website）的粘性页脚脚本，效果很好，但是当我调整浏览器大小（或最小化它）时，页脚会推到其他文本的顶部，并完全中断。

我在（sports and events website）

上有一个实例

关于如何解决此问题的任何想法？

Answer 1

定义 ID #mian_content :overflow:hidden;

就像这样

#main_content {
    overflow: hidden;
}

结果就是这个

Answer 2

您忘了将clear:both添加到#footer, .push规则中。添加如下的CSS，它将起作用。

#footer, .push {
    height: 202px;
    clear: both; /* add this */
}