1、我们在写html代码时，标签都是按顺序排序下来<body> <div>div1</div> <div>div2</div> <div>div3</div> <div>div4</div></body>
2、所以我们在设置水平的时候也是同样的原理，所以我们应该如何把水平线放到页面的下方<body> <div class="footer"><hr/></div></body>
3、只要一段css代码就可以搞定<style> .footer{ width:100%; position:fixed; bottom:0; } </style>
4、这样就可以把水平线放置在页面绝对下方
5、为了让效果明显，我把水平线加粗了加粗的代码：<hr size="10px" noshade=true/>
