Das Problem ist nur das dieser Bereich viel zu groß ausfällt (gelber Rahmen), ich bekomme ihn einfach nicht dazu nur den verbleibenden Platz einzunehmen.
Works as designed - du hast dem Bereich gesagt, er soll 100% hoch sein - das bezieht sich auf die Höhe seines Elternelements und wird auch korrekt umgesetzt.
100% + irgendwas (also das davor und das dahinter) ist idR. mehr als 100%
Ggf. hilft dir eine Suche nach "sticky footer" weiter - zu predigen, dass diese Idee uncool ist, hab' ich bereits aufgegeben :)