CSS-Fluss-Layout

Normal Flow, oder Fluss-Layout, ist die Art und Weise, wie Block- und Inline-Elemente auf einer Seite angezeigt werden, bevor Änderungen an ihrem Layout vorgenommen werden. Der Fluss ist im Wesentlichen eine Anordnung von Elementen, die alle zusammenarbeiten und sich in Ihrem Layout gegenseitig kennen. Sobald etwas aus dem Fluss genommen wird, arbeitet es unabhängig.

Im normalen Fluss werden Inline-Elemente in der Inline-Richtung angezeigt, das heißt in der Richtung, in der Wörter in einem Satz entsprechend dem Schreibmodus des Dokuments angezeigt werden. Block-Elemente werden nacheinander dargestellt, ähnlich wie Absätze im Schreibmodus des Dokuments. Im Englischen also werden Inline-Elemente nacheinander angezeigt, beginnend von links, und Block-Elemente starten oben und bewegen sich die Seite hinunter.