Высота: 100%, не растягивается на весь родительский элемент ⇐ CSS

[Anonymous]

Я поставил min-height: 100vh; в body, затем height: 100% в main. По какой-то причине высота main не полностью растягивается до родительского элемента.
https://codepen.io/pen/
Может кто-нибудь объяснить? Спасибо.
Я также пытался добавить другие, но, похоже, ничего не работает.

Код: Выделить всё

body {
border: 2px solid red;
min-height: 100vh;
}

main {
border: 2px solid green;
height: 100%;
}

Код: Выделить всё

Document


hihihihasidfiojdi

Подробнее здесь: https://stackoverflow.com/questions/786 ... ole-parent