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

2025-04-17 19:06:27

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

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