CSS3 实现footer 固定在底部(无论页面多高始终在底部)
发布时间:2019-10-15 14:05:21 作者:佚名 我要评论
这篇文章主要介绍了CSS3 实现footer 固定在底部(无论页面多高始终在底部)的相关资料,需要的朋友可以参考下
GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
【 如果你想靠AI翻身,你先需要一个靠谱的工具! 】
前言
把 footer 区固定在底部,无论页面高度多宽,它始终在底部不会变,就像移动端的菜单一样。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html> <html> <head> <meta charset= "utf-8" /> <title>document</title> <!-- css --> <style> #demo{ position : fixed ; left : 0px ; bottom : 0px ; width : 100% ; height : 50px ; background-color : #eee ; z-index : 9999 ; } </style> </head> <body> <footer id= "demo" >我是footer</footer> </body> </html> |
总结
以上所述是小编给大家介绍的CSS3 实现footer 固定在底部(无论页面多高始终在底部),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
相关文章
- CSS3实现固定网页底部半圆(弧形)展开导航特效源码是一款效果不错的网站导航菜单特效代码。弧形菜单固定在网页底部,默认是收缩状态,点击“+”号,导航菜单展开,点击“-”2016-03-18
- jquery+css实现的工具条菜单效果,工具条固定在页面底部,鼠标滑过工具条上的项目有浮动提示信息,可以向上弹出菜单选择,可以隐藏整个工具条,功能无比强大2012-09-27
最新评论