<body>
<div class="top">我是头部50高</div>
<div class="div1">
<div class="div2"></div>
</div>
</body>
.top{
height:50px;
background:#f00;
}
.div1{
display: flex;
align-items: center;
justify-content: center;
height:calc(100vh - 50px);
background:#000;
}
.div2{
background:#666;
padding:40px;
color:fff;
}