获取页脚留在底部

Question

我试图让页脚留在使用CSS底部 - 粘页脚：

.wrapper { 
    margin: 0 auto; 
    padding: 0 0 0 0; 
    width: 100%; 
    text-align: left; 
    background: #F5F5FF; 
} 

.page .footer { 
    left: 0; 
    width: 100%; 
    min-width: 300px; 
    position: fixed; 
    margin-top: -150px; 
} 

.tfoot { 
    background: #3E5C92; 
    color: #E0E0F6; 
} 

.smallfont { 
    font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; 
} 

而这里的事物的HTML：

<div class="wrapper">My stuff</div> 
<div class="footer"> 
<div class="tfoot" align="left" style="padding:6px"> 
<div class="smallfont" style="float:right"> 
<a href="?app=about">About Extranet</a>&nbsp;<a href="?app=changelog">Changelog</a>&nbsp;</div> 
<div style="color:white"> 
<small>Copyright &copy; 2009 Radon Systems&nbsp;|&nbsp;Shamil Nunhuck&nbsp;|&nbsp;<?php echo($product.'&nbsp;|&nbsp;'.$version.'&nbsp;|&nbsp;'.$build); ?> 
</div></div></small></div> 

但它并没有粘在底部。它出什么问题了？

Answer 1

如果你想例如.footer坚持下尝试以下：

.footer { position:fixed; bottom:0; width:100%; height:110px;} 

当然，我做了宽度和高度，所以改变，因为你需要。

希望这有助于！

Answer 2

您没有底部：设置。

Dup的：HTML footer problem

Answer 3

尝试此方法（它我发现的唯一一个持续工作）：

http://www.cssstickyfooter.com/