Layout-Modus

Ein Layout-Modus, manchmal auch Layout genannt, ist ein CSS Algorithmus, der die Position und Größe von Element-Boxen bestimmt, basierend darauf, wie sie mit ihren Nachbar- und Vorfahrenboxen interagieren.

Es gibt mehrere Layout-Modi:

Fließlayout oder normaler Fluss

Alle Elemente sind Teil des normalen Flusses, bis Sie etwas tun, um sie daraus zu entfernen. Der normale Fluss umfasst:

Block-Layout

Konzipiert für das Layout von Boxen wie Absätze.

Inline-Layout

Konzipiert für das Layout von Inline-Elementen wie Text.

Tabellen-Layout

Konzipiert für das Layout von Tabellen.

Float-Layout

Konzipiert, um ein Element dazu zu bringen, sich links oder rechts zu positionieren, während der restliche Inhalt im normalen Fluss darum herumfließt.

Positioniertes Layout

Konzipiert für die Positionierung von Elementen ohne viel Interaktion mit anderen Elementen.

Mehrspalten-Layout

Konzipiert für die Anordnung von Inhalten in Spalten, wie in einer Zeitung.

Flexibles Box-Layout

Konzipiert für das Layout komplexer Seiten, die sich fließend anpassen lassen.

Grid-Layout

Konzipiert für die Anordnung von Elementen relativ zu einem festen Raster.