我正在尝试使用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; m
.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> <a href="?app=changelog">Changelog</a> </div> <div style="color:white"> <small>Copyright © 2009 Radon Systems | Shamil Nunhuck | <?php echo($product.' | '.$version.' | '.$build); ?> </div></div></small></div>
但它根本不是坚持到底.它出什么问题了?
如果你想要例如.footer坚持到底部,请尝试以下方法:.footer { position:fixed; bottom:0; width:100%; height:110px;}
当然,我将宽度和高度调高,以便根据需要进行更改.
希望这可以帮助!!