Question

在此页面上使用Google Chrome时：http://wilwaldon.com/solage/special_offers.html页脚正好在第一个特价商品下面。由于某种原因，它似乎在FF中工作正常。

在其他页面上，它位于底部。例如（http://wilwaldon.com/solage/resort.html）。

即使页脚html位于两个页面上的相同位置，也会发生这种情况。

我找到了罪魁祸首，但似乎无法弄清楚如何修复它而不会弄乱网站中的大部分网站。

这是罪魁祸首CSS的pastebin：http://pastebin.com/vmBL8nUc

这是页脚的CSS的pastebin：http://pastebin.com/5rmDnSDT

这是html文件的pastebin：http://pastebin.com/fvV5wdjE

非常感谢任何帮助。

Answer 1

您可以使用几种方法使页脚粘到底部，我更喜欢使用的方法如下：

不要在内容div之后粘贴页脚，为什么不从“自下而上”开始工作。这应该更适合跨浏览器，

确保您有包装 div，其中包含所有内容。

为您的包装器div提供以下css属性：

height:auto; 
position:relative;

请确保您的内容div和页脚div位于您的包装div中。

使用css指定内容div的高度（从查看代码开始，您已经完成了此操作）

最后，给你的页脚div这些属性：

clear:both;
bottom:0px;
position:absolute;

现在，当您指定此页脚的高度时，它将从底部向上。

Answer 2

所以，正如你所指出的，罪魁祸首是容器.contenttop有一个高度设置，它导致页脚在该容器的“底部”上运行。问题是容器显示溢出，从而使页脚显示错误的位置。

您有两种选择。

1）我会删除.contenttop的高度属性。这允许内容的自然流动，如您所期望的那样。在special_offers.html页面上，它似乎可以解决问题。

2）如果由于某种原因，您无法移除高度，则必须使用一些JavaScript来动态设置.contenttop容器的高度。如果这是您需要的路线，我可能会考虑重新考虑您的前端代码。

希望有所帮助！

Answer 3

当你说'网站的大部分'时，具体发生了什么？除了尝试解决此问题之外，删除该高度并修复所产生的问题可能会更快。

或者，您是否可以在必要时覆盖其他页面上的高度？