Css 调整大小时，粘性页脚会打断布局

我使用的是来自（）的粘性页脚脚本，效果很好，但当我调整浏览器大小（或最小化它）时，页脚会推到其他文本上方，并完全断开

我在（）

---

关于如何解决这个问题，有什么想法吗？

定义您的ID

#主要内容：溢出：隐藏

像这样

#main_content {
    overflow: hidden;
}

结果是这样的

您忘记将
清除：两个
都添加到
#页脚，.push
规则。添加css如下，它将工作

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

不确定你的问题是什么，但这个一直对我有效嘿@ScottSimpson，我以前用过这个，但发现它会产生4px或奇数溢出，所以不管我做什么，右侧总是有一个滚动条。这很奇怪，但这些设备相当脆弱。一个轻微的错误，他们打破。如果我遇到这个问题，我将只使用sticky footer代码创建布局，并通过DOM检查器添加和删除额外代码来确保sticky footer正常工作。然后——在SF框架的适当空间中添加我的自定义代码，我有点困惑。我查看了您的网站，您似乎按照我的建议添加了
clear:both
到
#footer.push
，这是您使用的Ryan Fait方法中未添加的css。所以我只是想知道你为什么不接受我的答案？我按照@Rohit Azad的建议添加了clear:both和overflow:hidden。一开始是明确的：两者都不起作用，它只在2和2的组合下起作用