前端写页面有时候遇到让页面底部信息始终固定在屏幕最下方 ， 今天带大家看一下如何实现
文章插图
需要这些哦
电脑
代码编纂器（本文用的HBuilder）
方式/
1新建一个html页面 ， 在body标签里新建一个class为bottom的div,并给div加上width,height等根基属性
文章插图
2在网页中打开 ， 可以看到div处于页面顶部 ， 而且div周围有空白
文章插图
3回到编纂器 ， 给body加上margin和padding ， 去失落页面默认的空白 ， 而且给div加上bottom和position属性
文章插图
4再来看一下结果 ， 此刻div已经位于底部 ， 而且周围空白已经消逝
文章插图
5我们来给body加一个大一点高度 ， 让页面滚动起来 ， 看是否一向位于屏幕底部
文章插图
6【如何让div始终显示在屏幕底部】打开页面 ， 滚动到页面中心部门 ， div始终位于屏幕底部 。
文章插图
注重事项感谢大师 ， 有问题大师可以提出来
以上内容就是如何让div始终显示在屏幕底部的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- win7提示Explorer.exe找不到应用程序如何解决
- 无忧愁平台干粮分享，让棘手的筹款文章再无忧愁
- 星巴克的「圣杯战争」
- 如何在微信上建群
- 如何注销滴滴出行账号 永久注销
- 钉钉APP如何开启和关闭安全锁
- 平安银行信用卡如何设置自动还款
- Photoshop如何添加黑色的蒙版
- Photoshop如何保留选区外的内容
- 怎么让win10系统右下角的音量图标显示