CSS使用CALC()将DIV充满屏幕
在页面中常常会遇到这种情况,就是需要将div充满整个屏幕,如下图所示
![36c462762137d2f3808e861aac5b2e46.png](https://i-blog.csdnimg.cn/blog_migrate/d3b8d24b41b7aabcf5c49b8b55c97777.png)
这个主要只需设置div的高度height为calc(100vh)即可,100vh = 视窗高度的100%
例如
div{
min-height: calc(100vh - 84px);
}
在页面中常常会遇到这种情况,就是需要将div充满整个屏幕,如下图所示
这个主要只需设置div的高度height为calc(100vh)即可,100vh = 视窗高度的100%
例如
div{
min-height: calc(100vh - 84px);
}