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


Posted in HTML / CSS onOctober 15, 2019

前言

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

HTML / CSS 相关文章推荐
CSS3实现圆角、阴影、透明效果并兼容各大浏览器
Aug 08 HTML / CSS
css3的过滤效果简单实例
Aug 03 HTML / CSS
html5的localstorage详解
May 09 HTML / CSS
canvas绘制表情包的示例代码
Jul 09 HTML / CSS
利用HTML5 Canvas API绘制矩形的超级攻略
Mar 21 HTML / CSS
HTML5 canvas基本绘图之填充样式实现
Jun 27 HTML / CSS
详解如何通过H5(浏览器/WebView/其他)唤起本地app
Dec 11 HTML / CSS
Html5百叶窗效果的示例代码
Dec 11 HTML / CSS
HTML5+CSS设置浮动却没有动反而在中间且错行的问题
May 26 HTML / CSS
Canvas 文本填充线性渐变的使用详解
Jun 22 HTML / CSS
HTML5 新增内容和 API详解
Nov 17 HTML / CSS
VW、VH适配移动端的解决方案与常见问题
May 21 HTML / CSS
CSS实现雨滴动画效果的实例代码
Oct 08 #HTML / CSS
CSS3 @media的基本用法总结
Sep 10 #HTML / CSS
css3 伪类选择器快速复习小结
Sep 10 #HTML / CSS
css3进阶之less实现星空动画的示例代码
Sep 10 #HTML / CSS
CSS3 animation ? steps 函数详解
Aug 30 #HTML / CSS
移动端适配 使px自动转换rem
Aug 26 #HTML / CSS
CSS3 毛玻璃效果
Aug 14 #HTML / CSS
You might like
Nginx下配置codeigniter框架方法
2015/04/07 PHP
php实现将上传word文件转为html的方法
2015/06/03 PHP
一个选择最快的服务器转向代码
2009/04/27 Javascript
一个js的tab切换效果代码[代码分离]
2010/04/11 Javascript
解析jquery获取父窗口的元素
2013/06/26 Javascript
jQuery自定义事件的简单实现代码
2014/01/27 Javascript
Javascript玩转继承(三)
2014/05/08 Javascript
iframe如何动态创建及释放其所占内存
2014/09/03 Javascript
JavaScript中的异常捕捉介绍
2014/12/31 Javascript
利用JavaScript脚本实现滚屏效果的方法
2015/07/07 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
2015/09/05 Javascript
AngularJS实现Model缓存的方式
2016/02/03 Javascript
JQuery EasyUI学习教程之datagrid 添加、修改、删除操作
2016/07/09 Javascript
利用jsonp跨域调用百度js实现搜索框智能提示
2016/08/24 Javascript
JavaScript对JSON数据进行排序和搜索
2017/07/24 Javascript
JavaScript实现焦点进入文本框内关闭输入法的核心代码
2017/09/20 Javascript
让网站自动生成章节目录索引的多个js代码
2018/01/07 Javascript
Vuejs 实现简易 todoList 功能 与 组件实例代码
2018/09/10 Javascript
layDate插件设置开始和结束时间
2018/11/15 Javascript
原生js实现密码强度验证功能
2020/03/18 Javascript
解决vue使用vant下拉框van-dropdown-item 绑定title值不变问题
2020/08/05 Javascript
[01:11:11]Alliance vs RNG 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
Python中装饰器的一个妙用
2015/02/08 Python
讲解Python中for循环下的索引变量的作用域
2015/04/15 Python
详解django中使用定时任务的方法
2018/09/27 Python
Python图像处理PIL各模块详细介绍(推荐)
2019/07/17 Python
使用Keras实现简单线性回归模型操作
2020/06/12 Python
爱尔兰橄榄球店:Irish Rugby Store
2019/12/05 全球购物
大学教师年终总结的自我评价
2013/10/29 职场文书
中专毕业生的自荐书
2014/07/01 职场文书
领导班子四风问题个人对照检查材料
2014/10/04 职场文书
2014年环保局工作总结
2014/12/11 职场文书
长城导游词400字
2015/01/30 职场文书
无房证明样本
2015/06/17 职场文书
幼儿园安全管理制度
2015/08/05 职场文书
三好学生主要事迹怎么写
2015/11/03 职场文书