The issue is that the child element, with its height set to 100%, won’t fill the available free space within its parent. These images show it clearly:
image 1
image 2