页脚,无论内容是否满屏页脚均在底部
来源:互联网 发布:数据保密 编辑:程序博客网 时间:2024/05/19 13:08
话不多说,直接上代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style type="text/css"> body,html { margin: 0; padding: 0; height:100%; } #main { position: relative; min-height:100%; background:#eee; } #content { padding: 10px; padding-bottom: 100px; } #footer { position: absolute; bottom: 0; height: 100px; width: 100%; background:lightblue; } </style> </head> <body> <div id="main"> <div id="content"> <script type="text/javascript"> for(var i=0; i<400; i++){ document.write(i+'<br/>'); } </script> </div> <div id="footer"> Footer </div> </div> </body> </html>
参考链接:
http://www.jb51.net/css/102575.html【方案一】
http://www.w3cplus.com/css/css-sticky-foot-at-bottom-of-the-page
0 0
- 页脚,无论内容是否满屏页脚均在底部
- 无论页面内容多长,footer始终在页面底部
- HTML页脚无论内容怎么变都在网页的最底部
- 如何让你的 footer 总是在浏览器底部无论什么分辨率无论什么浏览器?
- 如何让Footer无论页面长短都在最底部, 并和正文保持固定高度?
- 页面内容不足时底部栏仍能在底部
- 底部一直在最底部不管内容多少
- C#保持RichTextBox内容在底部
- 监听TextView内容是否滑到底部的事件
- js 原生判断内容区域是否滚动到底部
- 实现底部footer在内容较少时固定在页面底部
- 无论是否值得外包搜索引擎营销
- 设置div里的内容在最底部
- 在ListView中实现顶部和底部内容指示器
- 在ListView中实现顶部和底部内容指示器
- 在ListView中实现顶部和底部内容指示器
- 在ListView中实现顶部和底部内容指示器
- jQuery判断滚动条是否在顶部、底部。
- 安卓Handler内存泄漏
- Now or later UVA - 1146 2-sat
- 分时间段查询销售总量
- 2.8.1
- 教你使用HorizontalScrollView和ListView打造左右和上下都可以滑动的列表布局
- 页脚,无论内容是否满屏页脚均在底部
- C++提供了四个显式的数据类型转换函数
- 给盒子div 加跳转链接
- Windows系统下将ionic项目打包成apk文件的方法
- 图说Android
- oracle表空间配额和unlimited tablespace权限
- git基础(一)-新建git仓库
- ArcTo程序(全部源码)
- Unity3d编辑器中复制资源路径到剪贴板