前言
把 footer 区固定在底部，无论页面高度多宽，它始终在底部不会变，就像移动端的菜单一样。
- <!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 固定在底部(无论页面多高始终在底部),希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对w3xue网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
经验首页