怎样让页面的 footer 始终在最底部
1个回答
展开全部
有时候我们的页面主体高度并不固定，而我们又不想让footer跟着主体高度变化而跑动，也许您会想到使用position:fixed;但是这并不能达到理想的要求，下面是我曾经在实际工作中用到的一种方法：
html:
<div class="wrapper>
<div class="content">主体内容</div>
</div>123
css:
html,body{
height:100%;
}
.wrapper{
min-height:100%;//使内容高度和body高度一样
margin-bottom:-70px;向上缩减70px，使footer在可视范围
}
.content{
margin-bottom:130px;//控制主体内容和底部高度之间距离
}
.footer{
html:
<div class="wrapper>
<div class="content">主体内容</div>
</div>123
css:
html,body{
height:100%;
}
.wrapper{
min-height:100%;//使内容高度和body高度一样
margin-bottom:-70px;向上缩减70px，使footer在可视范围
}
.content{
margin-bottom:130px;//控制主体内容和底部高度之间距离
}
.footer{
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
