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 Geschwister- und Vorfahren-Boxen interagieren.

Es gibt verschiedene Layout-Modi:

Fluss-Layout oder normaler Fluss

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

Block-Layout

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

Inline-Layout

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

Tabellen-Layout

Entwickelt für das Layout von Tabellen.

Float-Layout

Entwickelt, um ein Element so zu positionieren, dass es sich links oder rechts ausrichtet, während der restliche Inhalt im normalen Fluss darum herumfließt.

Positioniertes Layout

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

Mehrspalten-Layout

Entwickelt, um Inhalt in Spalten wie in einer Zeitung zu layouten.

Flexibles Box-Layout

Entwickelt für das Layout komplexer Seiten, die sich reibungslos skalieren lassen.

Raster-Layout

Entwickelt für das Layout von Elementen in Bezug auf ein festgelegtes Raster.