Layout-Modus

Ein CSS Layout-Modus, manchmal Layout genannt, ist ein Algorithmus, der die Position und Größe von Boxen bestimmt, basierend auf der Weise, wie sie mit ihren Geschwister- und Vorfahren-Boxen interagieren. Es gibt mehrere davon:

• Normaler Fluss — alle Elemente sind Teil des normalen Flusses, bis Sie etwas tun, um sie daraus zu entfernen. Der normale Fluss umfasst Block-Layout, das für das Anordnen von Boxen wie Absätzen entworfen wurde, und Inline-Layout, das Inline-Elemente wie Text anordnet.
• Tabellenlayout, entworfen für das Anordnen von Tabellen.
• Float-Layout, entworfen, um ein Element links oder rechts zu positionieren, während der Rest des Inhalts im normalen Fluss darum herumfließt.
• Positioniertes Layout, entworfen zur Positionierung von Elementen ohne viel Interaktion mit anderen Elementen.
• Mehrspaltiges Layout, entworfen, um Inhalte in Spalten wie in einer Zeitung anzuordnen.
• Flexibles Box-Layout, entworfen für das Anordnen komplexer Seiten, die sich reibungslos anpassen lassen.
• Grid-Layout, entworfen, um Elemente relativ zu einem festen Raster anzuordnen.