将footer固定到底部。文章内容不足满屏时 footer在底部,超过满屏时footer在内容末尾。
<div class="wrap">
<div class="content">
<div class="content-main"></div>
</div>
<div class="foot"></div>
</div>
.wrap{
position:fixed;
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
}
.wrap .content{
min-height:100%;
}
.wrap .footer{
position:relative;
width:30px;
height:30px;
margin:-30px auto 0 auto;//注意magin-top为负值
clear:both;
text-aligin:center;
}
.wrap .content .content-main{
margin-top:50px;//magin-top不是必须的
padding-bottom:30px;//padding-bottom与上边magin-top数值相同