Nie działa top 50% w przypadku position relative

Tak jak w temacie. Próbuje zrobić top 50% na elemencie pozycjonowanym relatywnie. Musze dać html, body height 100% żeby to zadziałało. Dlaczego tak się dzieje ?

Spróbuj zamiast 50% 50vh

Dlatego, że top, left, bottom, right używa się tylko do pozycjonowania absolutnego.