Größeneinheiten

...

%: Prozentualer Anteil der Containergröße.

Em: Ein em repräsentiert die vom Browser berechnete Schriftgröße des Elements. Dabei wird die Seitenlänge der Buchstaben als Referenz verwendet. Das entspricht ungefähr den Abmessungen des Großbuchstaben „M“. Wird die Schriftgröße selbst (font-size) in em festgelegt, bezieht sich die Einheit auf die Schriftgröße des Elternelements.

rem: Ein rem (root-em) entspricht der Schriftgröße, die für das Wurzelelement (in HTML das html-Element) festgelegt wurde. (Evtl. Änderungen der Schriftgröße in Elternelementen können so übersprungen werden)

...

vw: (Viewport-Width) Die Einheit vw entspricht dem 100. Teil der Breite des Anzeigebereichs (Viewport). Es gilt also: 100vw = Breite des Viewports.

^{Flexible Einheiten}

fr: Setzt die Größe auf einen Bruchteil des verbleibenden/verfügbaren zu füllenden Raumes.

...