css讓div盒子高度佔完整個屏幕高（盒子的高度自適應屏幕剩餘的部分）

先來看一下場景需求：

解決方法：

給div盒子添加min-height:100vh樣式即可 ，CSS代碼如下：

body {
	width: 100%;
	height: 100%;
	font-family: "Microsoft YaHei";
	font-size: 0.7rem;
	color: #333;
	line-height: 0.7rem;
	background: #F7F7F7;
}
#page {
	width: 640px;
	height: 100%;
	min-height:100vh;
	margin: 0 auto;
	background-color:#FFFFFF;
}
/* 小於640px */		
@media all and (max-width:640px) {
	#page {
		width: 100%;
		height: 100%;
		justify-content: center;
	}
}

最終效果圖展示：