Layout-Modus

Ein CSS Layout-Modus, manchmal einfach Layout genannt, ist ein Algorithmus, der die Position und Größe von Boxen bestimmt, basierend auf ihrer Interaktion mit benachbarten und übergeordneten Boxen. Es gibt mehrere davon:

• Normaler Fluss — alle Elemente sind Teil des normalen Flusses, bis Sie etwas unternehmen, um sie daraus zu entfernen. Der normale Fluss umfasst Block-Layout, entworfen für das Layout von Boxen wie Absätzen, und Inline-Layout, das Inline-Elemente wie Text layoutet.
• Tabellen-Layout, entworfen für das Layout von Tabellen.
• Float-Layout, entworfen, um ein Element links oder rechts zu positionieren, wobei der restliche Inhalt im normalen Fluss darum herum fließt.
• Positioniertes Layout, entworfen für die Positionierung von Elementen ohne große Interaktion mit anderen Elementen.
• Mehrspalten-Layout, entworfen, um Inhalte in Spalten wie in einer Zeitung zu layouten.
• Flexibler Boxenlayout, entworfen für das Layout komplexer Seiten, die sich reibungslos anpassen können.
• Grid-Layout, entworfen für das Layout von Elementen relativ zu einem festen Raster.