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 mehrere Layout-Modi:

Flow-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

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 links oder rechts zu positionieren, während der restliche Inhalt im normalen Fluss darum herumfließt.

Positioniertes Layout

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

Mehrspaltiges Layout

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

Flexibles Box-Layout

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

Raster-Layout

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