Почему не отображается background?

Question

[Nikolay]

.bg {
    background: linear-gradient(to right, #8f8f8f, #c9c89f);
    height: 100%;
}

Мой тест на CodePen.
Но почему то фон белый. Почему ?

Comments

[Дмитрий]

потому что у html и body по-умолчанию height: auto
Варианты решения
1) html, body{height: 100%};
2) .bg{height:100vh} или .bg{min-height:100vh}

Answer 1

[Dymok]

Блок .bg имеет нулевую высоту

Comments

[Nikolay]

Спасибо, понял. Но вот только не понял почему % не работает ?