Layout-Modus

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

• Normaler Fluss — alle Elemente sind Teil des normalen Flusses, bis Sie etwas tun, um sie daraus zu entfernen. Der normale Fluss umfasst die Block-Layout, das für das Layout von Boxen wie Absätzen entwickelt wurde, und die Inline-Layout, das Inline-Elemente wie Text anordnet.
• 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, um Elemente zu positionieren, ohne viel Interaktion mit anderen Elementen.
• Mehrspalten-Layout, entwickelt, um Inhalte in Spalten anzuordnen, wie in einer Zeitung.
• Flexibles Box-Layout, entwickelt für das Layout komplexer Seiten, die sich reibungslos anpassen lassen.
• Gitter-Layout, entwickelt, um Elemente relativ zu einem festen Gitter anzuordnen.