Was ist der normale Ablauf im Webdesign?

Bill Oxford/Getty Images

Normaler Fluss ist die Art und Weise, wie Elemente in den meisten Fällen auf einer Webseite angezeigt werden. Alle Elemente in HTML befinden sich in Boxen, die entweder Inline-Boxen oder Block Boxen.

Blockboxen auslegen

Im normalen Fluss werden Blockboxen nacheinander auf einer Seite positioniert (in der Reihenfolge, in der sie in der HTML ). Sie beginnen oben links in der enthaltenden Box und stapeln sich von oben nach unten. Der Abstand zwischen den einzelnen Kästchen wird durch die Ränder definiert, wobei der obere und der untere Rand ineinander fallen.

Sie könnten beispielsweise den folgenden HTML-Code haben:

|_+_|Dies ist eine breitere Div.

Jeder

DIV ist ein Blockelement, wird also unter dem vorherigen Blockelement platziert. Jede linke Außenkante berührt die linke Kante des umgebenden Blocks.Layout von Inline-Boxen

Inline-Boxen werden horizontal auf der Seite angeordnet, eine nach der anderen, beginnend am oberen Rand des Container-Elements. Wenn nicht genügend Platz vorhanden ist, um alle Elemente der Inline-Box in einer Zeile unterzubringen, werden sie zur nächsten Zeile umgebrochen und von dort aus vertikal gestapelt.

Zum Beispiel im folgenden HTML:

|_+_|

Der Absatz ist ein Blockelement, aber es gibt 5 Inline-Elemente:

• 'Dieser Text ist '
• 'Fett gedruckt'
• ' und dieser Text ist '
• 'Kursivschrift'
• '. Und das ist Klartext.'

Der normale Fluss ist also, wie diese Block- und Inline-Elemente ohne Eingriff des Webdesigners auf der Webseite angezeigt werden. Wenn Sie beeinflussen möchten, wo sich ein Element auf einer Seite befindet, können Sie die CSS-Positionierung oder verwenden CSS-Floats .