Frage zum Wiki-Artikel „float“

[Gunnar Bittersmann]

@@JürgenB

beim horizontalen und vertikalen Zentrieren bzw. Ausrichten von Elementen habe ich z. B. hier mit folgendem CSS gute Erfahrungen gemacht:

#xyz { 
  width:10em;                      /* Größe des Elements */
  position:absolute;
  left:50vw; top:50vh;             /* Position der Mitte des Elements */
  transform: translate(-50%,-50%); /* Element um seine halbe Größe verschieben */
}

Habe ich an der Wurzel auch so gemacht. Warum eigentlich? Mit Flexbox geht’s doch auch.

Wenn das umgebende Element nicht static positioniert ist, bezieht sich die Ausrichtung auf dieses Element.

Dann sollten aber top und left in % angegeben sein.

LLAP 🖖