如何使用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/>