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

没有看到 HTML 和 CSS 很难说，但如果你添加 clear:both; width:100%;到页脚，它看起来好像可以从屏幕截图中解决你的问题。

Answer 2

您需要做的就是添加以下CSS：

clear:both;