新闻中心
这里有您想知道的互联网营销解决方案
html如何实现粘性页脚
本文将为大家详细介绍“html如何实现粘性页脚”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“html如何实现粘性页脚”能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容如下,一起去收获新知识吧。
创新互联为客户提供专业的成都做网站、网站制作、程序、域名、空间一条龙服务,提供基于WEB的系统开发. 服务项目涵盖了网页设计、网站程序开发、WEB系统开发、微信二次开发、成都做手机网站等网站方面业务。
网上方法
1、html标签
将html显示高度占满(class=“h-100”)。
2、body标签
设置body弹性布局,并将高度占满(class=“d-flex flex-column h-100”)。
3、main标签
将main设置为不同的屏幕设备不设置收缩(role=“main” class=“flex-shrink-0”)。
弹性收缩规则:
flex-shrink-0 不同的屏幕设备不设置收缩
flex-shrink-1 不同的屏幕设备设置收缩
4、footer标签
设置footer顶部边框高度自动设置(class=“mt-auto”)。