Warum sind diese beiden boxen nicht gleich hoch?

[ChrisB]

Hi,

Nur, nach dieser Definititon sollte #links 80% der Breite des bodys hoch sein, was rein nach Augenmaß nicht der Fall ist.

Nein, du hast height:80% angeben, und Prozentangaben bei der Höhe beziehen sich auf die Höhe des Elternelements, nicht auf die Breite.

offsetHeight von body und #links liefert mir in meinem Test im Firefox 612 vs 494 Pixel - oder anders ausgedrückt, #links hat effektiv 80,72% der Höhe von body.

Und #rechts sollte zumindest gleich hoch wie #links sein, denn eine Höhe von 40% der Breite des body + 40% der Breite des bodys für das obere padding macht in der Summe eben auch 80% der Breite des bodys.

offsetWidth von body 1263 Pixel, davon 40% sind 505 Pixel.
Plus 40% der Höhe von 612 Pixel, also 245 Pixel, macht 750 Pixel.
Die zwei Pixel Rahmen oben und unten noch dazu gerechnet, macht 745 Pixel - und das entspricht genau der offsetHeight, die mir für #rechts angezeigt wird.

Works as designed.

MfG ChrisB