一:给最外层的盒子设置绝对定位
div{
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
}
二:给html,body,div设置高度100%(在vue文件中,在index.html文件中设置该样式命令)
<style>
html,body,div{
height:100%;
box-sizing:border-box;
padding: 0;
margin: 0;
}
</style>
三:让一个盒子自适应填满剩下的高度,在该div加min-height:100vh即可
div{
min-height:100vh
}