Как получить размер окна с абсолютными блоками?

Question

[Анастасия]

Здравствуйте.


Я думала, что это будет работать:

document.body.style.minHeight = document.body.clientHeight + "px";

но document.body.clientHeight возвращает мне 83

Answer 1

[Александр]

Вариант 1.
Вариант 2 - использовать флексы и центрирование.

Comments

[Анастасия]

А куда в моём случае пихать clear:both;

[Александр]

Анастасия, А не, это так не работает (с абсолютным позиционированием). Так что на флексах.

body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

[Анастасия]

И как через флексы такое сверстать? Мы же не знаем размер экрана...

[Александр]

Анастасия, min-height: 100vh; для body

Answer 2

[shsv382]

А если так?

document.body.style.minHeight = document.documentElement.clientHeight + "px";