如何让footer一直在网页底部（不使用绝对定位并且网页不论长度多长）

最新推荐文章于 2021-07-12 20:43:38 发布

weixin_30652271

最新推荐文章于 2021-07-12 20:43:38 发布

阅读量144

点赞数

原文链接：http://www.cnblogs.com/well-nice/p/5499699.html

版权

html：

<html>
    <head> <link rel="stylesheet" href="layout.css" ... /> </head> <body> <div class="wrapper"> <p>Your website content here.</p> <div class="push"></div> </div> <div class="footer"> <p>Copyright (c) 2008</p> </div> </body> </html>
css:

* {
margin: 0; } html, body { height: 100%; } .wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em; } .footer, .push { height: 4em; }
margin负值为footer的高度，相当于减去了footer的高度。