Есть определенная высота экрана, есть шапка (высота шапки не известна). Блок который идет после шапки должен быть (100vh - высота header'a)
* {
margin: 0;
}
header {
height: 100px;
background-color: red;
}
.block {
height: 100vh;
background-color: blue;
}
<header>asd</header>
<div class="block">asd</div>
Можно ли такое сделать на чистом CSS
, либо нужно в любом случаи прибегать к использованию JavaScript
?