Div не растягивается до 100% высоты

Question

Почему у этого div нет 100% высоты у родителя есть 100%, а div тоже! Зеленый цвет должен простираться до дна!

Я что-то упустил?

http://codepen.io/helloworld/pen/vExZpe

<div style="height:100%;background:green;"> 
    test 
</div> 

body, hmtl{ 
    height:100%; 
} 

div{ 
    height:100%; 
} 

Answer 1

У вас есть опечатка. hmtl должно быть html.

body, html { 
 
    height: 100%; 
 
} 
 
div { 
 
    height: 100%; 
 
}

<div style="height:100%;background:green;"> 
 
    test 
 
</div>