当前位置：主页 > 查看内容

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

发布时间：2021-06-12 00:00| 有 位朋友查看

简介：前言 把 footer 区固定在底部，无论页面高度多宽，它始终在底部不会变，就像移动端的菜单一样。 !DOCTYPE htmlhtmlheadmeta charset=utf-8 /titledocument/title!-- css --style#demo{ position: fixed; left: 0px; bottom: 0px; width: 100%; height: 50px;……

前言

把 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 固定在底部(无论页面多高始终在底部),希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！


原文链接：https://m.jb51.net/css/697509.html
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：CSS ellipsis 与 padding 结合时的问题详解 下一篇：css link与@import区别详解

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐