html - 页脚不粘在页面底部

Question

在此页面上使用谷歌浏览器时: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;

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