Зачем задавать body и html высоту в 100%?

Question

[Kostylev2021]

Пробовал без высоты в body и html ,работает одинаково . (создавал контейнер в контейнере с процентной высотой).
Пробовал так же задавать обертке min-heigth :100% работает одинаково что с этим параметром что без него.

Answer 1

[imko]

Чтобы подвал прижимать к низу экрана, если контента не хватает чтоб тело раздвинуть

Comments

[Kostylev2021]

а min-height обертке зачем задавать ?

[imko]

Kostylev2021, ну если документ будет по высоте ниже окна то очевидно футеру двигаться некуда будет

Answer 2

[Сергей delphinpro]

https://codepen.io/delphinpro/pen/RwJgaLa
Попробуйте убрать высоту у html и body и посмотрите, что станет с красным блоком.

Объяснение: высота (в т.ч. минимальная), заданная в процентах, может быть рассчитана только, если у родителя она явно задана.

Comments

[Kostylev2021]

я скопировал код к себе убрал у body и html высоту и ничего не изменилось но на кодопен изменилось .
Почему так ?

[Kostylev2021]

а все разобрался у меня доктайпа не было в html разметке