html - 当窗口高度降低时如何防止页脚移出上面的元素

Question

随着浏览器高度的降低，我试图让我的页脚停止移开其他元素。相反，我只是希望它保持不动并能够向下滚动。

这是它发生的页面的链接:

http://fine-grain-2.myshopify.com/cart

这是我的页脚的 CSS:

footer {
    margin: 0 auto;
    padding: 0 0 1em;
    position: relative;
    text-align: center;
}

这是一个正在发生的事情的例子:

好

不好

我已经尝试了我所知道的一切，并查看了其他使用 Firebug 的网站。任何帮助将不胜感激。

Answer 1

您需要做的就是添加以下 css:

clear:both;