Why is the DIV takes height: 100% as the full height of the site?

Link to JSFiddle
In fact, the question.
I have a main div where I asked
position: absolute;
 height: 100%;

Further, it has thrown other div-s. And in the end decided to fill the empty space div-Ohm blue.
Prescribed height: 100%, but he got up and left below the window ...
I thought he will inherit, and fill all free space ... And he told me all spoiled ...
Don't feel the logic ... please Tell me where I'm wrong ...
June 8th 19 at 17:07
2 answers
June 8th 19 at 17:09
Solution
June 8th 19 at 17:11
The fact that you want the height property so worked doesn't mean it has to work, read the specification.
The problem you're trying to solve is solved grids or flexbox
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://css-tricks.com/snippets/css/complete-guide...

Find more questions by tags HTMLCSS