$footer_height: 80rpx;
$bottom_space: 40rpx;
.main {
height: 100%;
}
.content {
min-height: 100%;
box-sizing: border-box;
padding-bottom: $footer_height + $bottom_space;
}
.footer {
height: $footer_height;
margin-top: - ($footer_height + $bottom_space);
}
<div class="main">
<div class="content"></div>
<div class="footer"></div>
<div>