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

2025-11-08 05:17:22

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、为了让效果明显,我把水平线加粗了

加粗的代码:<hr  size="10px" noshade=true/>

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

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢