Почему не растягивается body на всю высоту контента?

Question

[bshowyt]

Не могу понять почему в этом примере body не растягивается на всю высоту контента, а обрезается, уволакивая за собой и липкий хедер. Подскажите пожалуйста почему так происходит. Мне нужно, чтобы body растягивался на всю высоту экрана, а если контента больше, то растягивался на высоту контента.

Comments

[Евгений]

min-height: 100vh;

[iBird Rose]

ты сам ограничил body на 100%. вот он и не растягивается дальше

html,
body {
	height: 100%;
}

[bshowyt]

iBird Rose, а если мне нужно его растянуть на всю ширину экрана, то как это правильно сделать?

[iBird Rose]

bshowyt, Евгений тебе ответил

[Евгений]

bshowyt, на всю высоту)

Answer 1

[Павел Ловцевич]

Потому, что для body задано 100% html, а для него тоже 100%, которые отсчитываются от вьюпорта. Решение такое:

html {
	height: 100%;
}
body {
  min-height: 100%;
}

Comments

[Abusess]

Почему
min-height: 100%;
а не
height: 100%;