Welche CSS-Layouts kennst du?

Flexbox: Einachsiges System zur Ausrichtung von Elementen in einem Container entlang einer Achse (horizontal oder vertikal). Ideal für kleine Komponenten und zur Ausrichtung von Elementen innerhalb eines Blocks.
Grid Layout: Zweidimensionales System zum Erstellen komplexer Raster auf der Seite. Ermöglicht eine einfache Steuerung der Anordnung von Elementen sowohl in Zeilen als auch in Spalten. Perfekt für das Hauptlayout der Seite.
Block Layout: Standardverhalten von Blockelementen. Elemente nehmen die volle verfügbare Breite ein und werden untereinander angeordnet.
Inline Layout: Elemente werden in einer Zeile platziert, wobei sie eine Breite entsprechend ihrem Inhalt einnehmen.
Positioned Layout: Ermöglicht die Positionierung von Elementen relativ zu ihrer normalen Position, dem Elternelement oder dem Ansichtsfenster mit position (static, relative, absolute, fixed, sticky) und den Eigenschaften top, right, bottom, left.
Table Layout: Reproduziert das Verhalten von Tabellenelementen (display: table, display: table-cell usw.). Wird seltener verwendet als Grid oder Flexbox, um tabellarische Strukturen zu erstellen.
Multi-column Layout: Ermöglicht die Aufteilung des Inhalts eines Containers in mehrere Spalten, ähnlich wie in einer Zeitung. Wird gesteuert durch die Eigenschaften column-count und column-width.