html footer 固定
来源:互联网 发布:软件测试整体策略 编辑:程序博客网 时间:2024/06/05 09:17
让footer始终位于页面的最底部
html代码:
<div class="container">
<div cass="header"></div>
<div cass="header"></div>
<div class="body"></div>
<div class="footer"></div>
</div>
<div class="footer"></div>
</div>
第一种情况:footer随着滚动条的滚动而滚动
.container{position:relative;width:100%;min-height:100%;}
.body{padding-bottom:50px;}
.footer{height:50px;position:absolute;bottom:0px;left:0px;}
.body{padding-bottom:50px;}
.footer{height:50px;position:absolute;bottom:0px;left:0px;}
第二种情况:footer始终在其底部固定
.container{position:relative;width:100%;min-height:100%;}
.body{padding-bottom:50px;}
.footer{height:50px;position:fixed;bottom:0px;left:0px;}
.footer{height:50px;position:fixed;bottom:0px;left:0px;}
0 0
- html footer 固定
- HTML+CSS底部footer两种固定方式
- footer固定在底部
- footer固定底部-HTMLCSS方法
- jquerymobile header导航和footer底部固定
- FOOTER固定在页面的顶部
- HTML5 固定底部的footer功能栏
- 内容不足一屏时的footer固定底部
- 页面footer始终固定页面底部
- compass 中的 页脚固定 sticky-footer
- 使footer固定在浏览器底部
- 【Web Trick 4】CSS 实现footer固定页面底部
- 让footer固定在对底端的两种方式
- 网站设计:将Footer固定在浏览器底部
- 纯CSS固定footer的方法,终于找到了
- 网页布局中页面内容不足一屏时页脚footer固定底部
- 将footer固定在页面底部的实现方法
- 如何将页脚固定在页面底部(sticky footer)
- AVPlayer 本地、网络视频播放相关
- js提取导航栏高亮状态实例
- python中not,and,or的优先级问题及用法
- 用Jmeter测试RabbitMQ
- java中System.getProperty()的作用及使用
- html footer 固定
- Retrofit源码分析
- 网页前端常见的攻击方式和预防攻击的方法
- Ajax学习笔记
- ACM日记_17.3.14——高精度算法
- JS JAVA 判断是否微信浏览器
- VirtualBox虚拟硬盘文件管理
- 【tensorTensorFlow学习笔记】Mac+Linux虚拟机安装TensorFlow
- 与用户互动