Ich erspar dir mal weitere Rätsel und erklär dir deinen Fehler.
Du gibst dem Element eine relative Höhe von 10%. Wie gefragt, "10% wovon"?
Gehen wir mal davon aus, das <div> wäre das einzige Element.
Dann sieht das so aus
<html>
<body>
<div></div>
</body>
</html>
Jetzt siehst du auch wonach sich die Höhe des <div> richtet.
Relativ 10% der Höhe seines Elternelements. Und das ist <body>.
Und wie hoch ist <body>? Geben wir <body> 100%. Doch 100% wovon?
Richtig, von <html> und das ist abhängig vom Viewport (das ist dein Fensterinhalt). Also geben wir <html> auch 100%.
Grüße, Matze