您的位置 首页 css教程

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

目标:

把 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固定在底部的详细内容,更多请关注php中文网其它相关文章!

文章来源:火云技术网

文章标题:css如何实现始终将footer固定在底部

文章地址:https://www.pyhw.net/33762_css%e5%a6%82%e4%bd%95%e5%ae%9e%e7%8e%b0%e5%a7%8b%e7%bb%88%e5%b0%86footer%e5%9b%ba%e5%ae%9a%e5%9c%a8%e5%ba%95%e9%83%a8.html

关于作者: 火云技术网

热门文章

发表评论

您的电子邮箱地址不会被公开。

网站地图