CSS3 实现footer 固定在底部(无论页面多高始终在底部)

前言

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

<!DOCTY PE  ht ML >
<html>
<head>
< ;m eta charset="utf-8" />
<t IT le>document</title>

<!-- css -->
<style>
 # demo{
 position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%;
    h ei ght: 50px;
    background-color: #eee;
    z -i ndex: 9999;
}
</style>

</head>
<body>
<footer id="demo">我是footer</footer>
</body>
</html>

总结

以上所述是小编给大家介绍的CSS3 实现footer 固定在底部(无论页面多高始终在底部), 希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

总结

以上是为你收集整理的 CSS3 实现footer 固定在底部(无论页面多高始终在底部) 全部内容，希望文章能够帮你解决 CSS3 实现footer 固定在底部(无论页面多高始终在底部) 所遇到的问题。

如果觉得网站内容还不错，推荐好友。

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did200916

更新时间：2023-04-27 阅读：22次