HTML

height css percentage not working

You need to set a 100% height on all your parent elements, 
in this case your body and html.

try height in vh or px

html height percentage not working

<!--a child element inherits height/width from parent element
so defined height in parent to be able to take a percentage in child-->
<!--ex:-->
body {height: 500px}
div {height: 50%}