Layout-Modus

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

Es gibt mehrere Layout-Modi:

Flusslayout oder normaler Fluss

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

Blocklayout

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

Inline-Layout

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

Tabellenlayout

Konzipiert für das Layout von Tabellen.

Float-Layout

Konzipiert, um ein Element links oder rechts zu positionieren, während der restliche Inhalt im normalen Fluss darum herum fließt.

Positioniertes Layout

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

Mehrspalten-Layout

Konzipiert für das Layout von Inhalten in Spalten wie in einer Zeitung.

Flexibles Box-Layout

Konzipiert für das Layout von komplexen Seiten, die glatt skaliert werden können.

Raster-Layout

Konzipiert für das Layout von Elementen relativ zu einem festen Raster.