css - 粘性页脚在调整大小时会破坏布局

Question

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

我在（体育和活动网站）有一个活生生的例子

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

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 */
}