首页 > 代码库 > 让div始终显示在底部
让div始终显示在底部
html代码：
<div class="container"><div cass="header"></div> <div class="body"></div><div class="footer"></div></div>
注意：千万不能设置.container的高度为100%,否则将无法随滚动条的滚动而滚动.
第一种情况：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;}
.footer{height:50px;position:fixed;bottom:0px;left:0px;}
让div始终显示在底部
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。