CSS 100VH смещено заголовка ⇐ Html

[Anonymous]

У меня есть эта ручка здесь: https://codepen.io/anon/pen/wpdrodобразное. Должен быть только внутренний, так как заголовок должен оставаться статичным. < /P>

CSS, вызывающий это: < /p>

#app
{
display: flex;
flex-direction: column;
box-sizing: border-box;
height: 100vh;
}
< /code>

В частности, высота 100В. Это приводит к тому, что просмотр будет слишком высоким на 36px. Который является высотой заголовка. Если я сделаю: < /p>

#app
{
...
height: calc(100vh - 36px);
}
< /code>

Тогда он работает отлично. Я пытаюсь выяснить, зачем мне это сделать в первую очередь. А как насчет этого макета, заставляет 100 -миллиметровый счет учебный план заголовка? Я чувствую, что мне не нужно делать это, так как заголовок находится в пределах макета, а также остальные элементы.

Подробнее здесь: https://stackoverflow.com/questions/472 ... -by-header