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

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

需要这些哦
notepad++
方式/
1我们在写html代码时, 标签都是按挨次排序下来
<body>
    <div>div1</div>
    <div>div2</div>
    <div>div3</div>
    <div>div4</div>
</body>

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

文章插图

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

文章插图

2所以我们在设置程度的时辰也是同样的道理, 所以我们应该若何把程度线放到页面的下方
<body>
    <div class="footer"><hr/></div>
</body>

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

文章插图

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

文章插图

3只要一段css代码就可以搞定
<style>
    .footer{
        width:100%;
        position:fixed;
        bottom:0;
    }
    </style>

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

文章插图

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

文章插图

4如许就可以把程度线放置在页面绝对下方

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

文章插图

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

文章插图

5为了让结果较着, 我把程度线加粗了
【如何使用div将水平线放置在页面的绝对下方】加粗的代码:<hr  size="10px" noshade=true/>

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

文章插图


以上内容就是如何使用div将水平线放置在页面的绝对下方的内容啦, 希望对你有所帮助哦!

    推荐阅读