CSS控制整个盒子占满屏幕
CSS盒子高度自适应
·
一:给最外层的盒子设置绝对定位
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
}
更多推荐
已为社区贡献3条内容
所有评论(0)