css如何实现始终将footer固定在底部

互联网 20-3-11

目标：

把 footer 区固定在底部，无论页面高度多宽，它始终在底部不会变，就像移动端的菜单一样。

（推荐教程：CSS入门教程）

实例：

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

相关视频教程推荐：css视频教程

以上就是css如何实现始终将footer固定在底部的详细内容，更多内容请关注技术你好其它相关文章！

来源链接：

免责声明：
1.资讯内容不构成投资建议，投资者应独立决策并自行承担风险
2.本文版权归属原作所有，仅代表作者本人观点，不代表本站的观点或立场

标签： footer