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/>
