Почему в этом примере не происходит выравнивания по середине, если контейнеру height задать 100%?

Question

[japan123]

Собственно сабж
jsfiddle.net/8o29y7pd

Answer 1

[slii]

Если я правильно понял. Вы хотите, чтобы контейнер занимал 100% экрана и блоки находились четко по центру.

В таком случае контейнеру нужно задавать height: 100vh // устанавливаем блоку 100% высоты экрана устройства пользователя

height: 100% не работает в этом случае потому, что у родителя контейнера нет элемента с фиксированной высотой, относительно которого высота контейнера могла бы генерироваться, если мы задаем ее в процентах

Comments

[japan123]

Благодарю Вас за исчерпывающий ответ!