Matze: Div's und Prozentangabe

Beitrag lesen

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