Child's `height: 100%` is not parent's height, why?

Question

Both parent and child have box-sizing: border-box;. According to MDN:

Defines the height as a percentage of the containin