全角页脚不会粘在底部答案

【问题标题】：Full-width footer won't stick to the bottom全角页脚不会粘在底部
【发布时间】：2012-09-30 22:06:12
【问题描述】：

我没有设法将我的全宽页脚粘贴到我的网页底部。当页脚上方的主要内容低于一定高度时，页脚下方有一个空白区域。我尝试使用各种解决方案，例如以下 css 代码：

 html,body { margin:0; padding:0;min-height:100%;position:relative;}
 .wrapper { min-height:100%;   position:relative;_height:100% /* _height = for ie */  }
 .page { padding-bottom:400px; height:100%; }
 .footer { padding:0;margin:0 position:absolute; left:0; bottom:0; width:100%; height:400px; }

页脚仍然会粘在主要内容的底部，而不是页面的底部。我认为我的 css 没有任何问题。

示例：http://hertog-hengelsport.nl.testbyte.nl/checkout/cart/

我希望有人能指出我的解决方案！

非常感谢！

网址：http://hertog-hengelsport.nl.testbyte.nl 平台：Magento 1.7.2

【问题讨论】：

如果您有解决方案，请接受提供的答案。如果你自己解决了，写下你自己的答案并接受。不要玷污问题的标题。

标签： css magento sticky-footer

【解决方案1】：

使用“位置：固定；”而不是绝对的页脚

【讨论】：

谢谢！页脚现在粘在底部。但是现在我遇到了以下问题：页脚不会与页面一起滚动，而是停留在它所在的位置。
注意页脚是正文的直接子项...如果这不起作用，请发布您的 HTML...
Footer 确实是 'Body' 的直接子代
看看这个简单的例子......你不需要一个带有脏黑客的包装器，一个页面等。cssdesk.com/RrwvW
解决了！感谢你们俩！我试着从下往上用简单的例子 USER123... 给我看。之后没有成功，因为它仍然出现在我的内容之前。那是因为位置：固定；元素。我查看了我一开始使用的代码并对其进行了修改。我不小心删除了 .footer 类中的边距和位置元素，这对我有用！非常感谢，我希望其他人可以使用这个例子。问候，杰伦

【解决方案2】：

.wrapper 是相对位置的，这使得它的任何子级都相对于 div 而不是相对于页面。

【讨论】：

感谢大家的帮助。我删除了位置属性，但没有真正改变。这不会太难......
解决了！感谢你们俩！我试着从下往上用简单的例子 USER123... 给我看。之后没有成功，因为它仍然出现在我的内容之前。那是因为位置：固定；元素。我查看了我一开始使用的代码并对其进行了修改。我不小心删除了 .footer 类中的边距和位置元素，这对我有用！非常感谢，我希望其他人可以使用这个例子。问候，杰伦