让footer始终位于页面的最底部不随滚动而滚动
2014-07-28 16:26
507 查看
html代码:
第一种情况:footer随着滚动条的滚动而滚动
第二种情况:footer始终在其底部固定
注意:
1.千万不能设置.container的高度为100%,否则将无法随滚动条的滚动而滚动.
<div class="container"> <div cass="header"></div> <div class="body"></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;}
第二种情况:footer始终在其底部固定
.container{position:relative;width:100%;min-height:100%;} .body{padding-bottom:50px;} .footer{height:50px;position:fixed;bottom:0px;left:0px;}
注意:
1.千万不能设置.container的高度为100%,否则将无法随滚动条的滚动而滚动.
相关文章推荐
- 如何使页面的footer始终位于底部?
- 让footer始终位于页面的最底部
- css让footer始终位于页面的最底部
- footer 始终位于页面的底部
- 让footer始终位于页面的最底部
- css让footer始终位于页面的最底部
- 让footer始终位于页面的最底部
- css实现让页面的footer始终位于底部
- 使页面中得滚动条始终在底部
- javascript实现页面右侧在线客服始终跟随鼠标滚动而上下滚动且始终位于屏幕中间
- CSS-设置Footer始终在页面底部
- 让网页footer部分始终在页面最底部
- 纯css 实现footer 一直在页面底部,不随页面滚动
- 页面前台-用DIV+CSS让footer始终在底部
- 无论页面内容多长,footer始终在页面底部
- <footer>始终在页面底部
- 【转】DIV+CSS页面让footer始终在底部
- div footer标签css实现位于页面底部固定
- 怎样使footer始终处于页面的底部
- 怎么让footer始终在页面底部?