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

前端  /  管理员 发布于 8年前   253

目标：

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


  • 上一条：
    js如何利用键盘事件实现人物行走
    下一条：
    js如何实现滑动插件

    • 昵称：

    邮箱：

    0条评论 (评论内容有缓存机制,请悉知!)
    Top

    Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号 PHP交流群

    侯体宗的博客