页脚不会粘在页面底部

Question

在此页面上使用谷歌浏览器：http://wilwaldon.com/solage/special_offers.html页脚是正确的第一个特别优惠。由于某种原因，它似乎在FF中正常工作。

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

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

我发现的罪魁祸首，但似乎无法弄清楚如何解决它，而不会弄乱过程中的大部分网站。

下面是罪魁祸首的CSS的引擎收录：http://pastebin.com/vmBL8nUc

下面是对CSS的页脚引擎收录：http://pastebin.com/5rmDnSDT

这里的html文件的引擎收录：http://pastebin.com/fvV5wdjE

任何帮助不胜感激。

Answer 1

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

您有两种选择。

1）我会删除.contenttop的高度属性。这可以让您按照自己的期望自然流动内容。在special_offers.html页面上，它看起来像解决了这个问题。

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

希望有帮助！

Answer 2

当你说'网站的大部分'时，具体发生了什么？它可能会更快地移除该高度并修复创建的问题，而不是尝试解决此问题。

另外，如果有必要，你是否可以覆盖其他页面上的高度？

Answer 3

有一对夫妇，你可以用它来使躯杆拉到最低，一个我喜欢使用方法如下：

取而代之的内容股利后粘页脚，为什么不从工作“自下而上”。这应该是更多的跨浏览器友好，

确保你有一个包装股利，这包含了所有的内容。

给你包装的div以下CSS属性：

height:auto; 
position:relative; 

确保您的内容股利和页脚股利是您的包装DIV中。

使用CSS来指定内容div的高度（从看你的代码，你已经这样做了）

最后，给您的页脚股利这些属性：

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

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