全宽页脚不会粘到底部

Question

我没有设法将我的全宽页脚粘贴到我的网页底部。当页脚上方的主要内容低于某个高度时，页脚下方会有一个空白区域。我试图使用所有类型的解决方案，如下面的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

Answer 1

使用“position：fixed;”而不是页脚的绝对

Answer 2

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