Débit normal

Le flux normal est la manière dont les éléments sont affichés dans une page Web dans la plupart des cas. Tous les éléments en HTML sont à l'intérieur des boîtes qui sont soit des boîtes en ligne ou des boîtes de bloc .

Disposer des boîtes de blocs

Dans un flux normal, les blocs sont positionnés les uns après les autres sur une page (dans l'ordre où ils sont écrits dans le code HTML ). Ils commencent dans le coin supérieur gauche de la boîte contenant et empilent de haut en bas. La distance entre chaque boîte est définie par les marges dont les marges supérieure et inférieure s'effondrent l'une dans l'autre.

Par exemple, vous pouvez avoir le code HTML suivant:

C'est le premier div. Il fait 200 pixels de large avec une marge de 5px autour.

Ceci est un div plus large.

C'est un div qui est un peu plus large que le second.

Chaque DIV est un élément de bloc, il sera donc placé en dessous de l'élément de bloc précédent. Chaque bord extérieur gauche touchera le bord gauche du bloc contenant.

Disposition des boîtes en ligne

Les boîtes en ligne sont disposées horizontalement sur la page, l'une après l'autre commençant en haut de l'élément conteneur. Quand il n'y a pas assez d'espace pour adapter tous les éléments de la boîte en ligne sur une ligne, ils s'enroulent à la ligne suivante et empilent verticalement à partir de là.

Par exemple, dans le code HTML suivant:

Ce texte est en gras et ce texte est en italique . Et ceci est un texte clair.

Le paragraphe est un élément de bloc, mais il y a 5 éléments en ligne:

Donc, le flux normal est la façon dont ces éléments en bloc et en ligne seront affichés sur la page Web sans aucune intervention du concepteur Web.

Si vous souhaitez affecter l'emplacement d'un élément sur une page, vous pouvez utiliser le positionnement CSS ou les flottants CSS .