Исправлено div и высота высоты div под

Question

У меня есть фиксированная высота заголовка и подзаголовок, я хочу, чтобы подзаголовок заполнил всю страницу, однако когда я это делаю, всегда есть небольшое смещение, вызывающее появление полосы прокрутки, как только вы изменить размер окна по высоте:

header { 
 
    width: 100%; 
 
    height: 55px; 
 
    z-index: 10; 
 
    background: #263238; 
 
} 
 
.sub-header { 
 
    background: #37474F; 
 
    height: 95vh 
 
}

<header></header> 
 
<div class="sub-header"></div>

Я гугл и гуглу и не могу найти ответ.

Answer 1

Две установки высоты не равны 100%. 95vh оставляет 5vh, однако заголовок установлен на 55px, как таковой, вместо 95vh для подзаголовка, do calc(100vh - 55px).

Вам также необходимо убедиться, что body не имеет заданного значения.

body{ 
 
    margin:0; 
 
} 
 
header { 
 
    width: 100%; 
 
    height: 55px; 
 
    z-index: 10; 
 
    background: #263238; 
 
} 
 

 
.sub-header { 
 
    background: #37474F; 
 
    height: calc(100vh - 55px) 
 
}

<header></header> 
 
<div class="sub-header"></div>