css 如何将div固定到文档的底部呢?


摘要:
下文讲述使用css脚本将div固定到文档底部的方法分享,如下所示:

实现思路:
    使用position:fixed可将div固定到文档底部

例:
固定div到文档底部的方法分享

  <meta charset='utf-8' />
<p>
 maomao365.com <br />
 固定div到文档底部的示例分享
</p>
<hr />
<style>
 #footer{
   background-color:green;
   color:white;
   width:500px;
   height:60px;
   line-height:60px;
   position:fixed;
   bottom:0px;
  }
</style>
<div id="footer">
 猫猫教程--我一直在文档底部
</div>