如何使用div将水平线放置在页面的绝对下方

小编教你若何利用div将程度线放置在页面的绝对下方

东西/原料

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