Почему возникает разрыв в блоках flexbox?

Question

[Damon]

В примере внизу возникает разрыв ввиде черного цвета, назначенного тегу HTML. При этом контейнеру flexbox Body был назначен белый цвет и фон в этом месте должен быть белым. Почему возникает этот разрыв между основным блоком и футером? Как починить?

Answer 1

[Виталий]

Уберите height: 100%; у html или body, а лучше вообще не используйте.

Comments

[Damon]

Вы правы. А почему высота 100% html, body не работает и ламает разметку?

[Виталий]

nordfive, body занимает 100% экрана, а все остальное находиться за пределами body, как альтернатива, можно использовать min-height: 100%;