You might think that height: 100% means that it will use all the free space, however in reality it just means that the element has the same height as the container. Subsequently, a parent element without a fixed height has the same height as the content.
, DOM. DOM , , . , , 600 . , , DOM ( ) 600 .
100%. .