Quelle est la signification des termes "flux normal" et "hors flux", en termes de HTML, de CSS et de navigateur?
3 Réponses :
Out of Flow est un élément qui a été positionné relativement ou absolument ou tout ce qui a été flotté.
Le reste serait considéré comme un flux normal.
regarder Positionnement et mise en page CSS et faites attention à la "Méthodes de positionnement des éléments" section.
Vous voulez dire des éléments positionnés avec relative , fixe ou absolu
@Justin Niessner: une question innocente honnête ici: Pourriez-vous expliquer pourquoi des éléments relativement positionnés sont hors de flux si elles ne sont pas flottées?
@BoltClock - Parce que même si vous spécifiez une position relative, vous remplissez toujours la position de l'élément dans le flux normal du document. L'alternative serait d'essayer d'utiliser des marges / un rembourrage pour maintenir le flux normal.
@Justin Niessner - Si je donne Position: relative à l'élément parent et Position: absolu en éléments à l'intérieur des parents. Ensuite, l'élément enfant ne sera que hors de flux à l'intérieur des parents que pas de la page entière
@BoltClock et métal-gear-solide - techniquement, je ne crois pas que relative est considéré comme étant à l'écoulement comme l'espace qu'il prend normalement reste toujours défini dans le flux, même si l'élément lui-même peut-il être déplacé par rapport à cet "espace".
Je vais reprendre mon dernier commentaire. Basé sur le lien que j'ai donné dans ma réponse, il apparaît que relative est considéré comme une forme de flux depuis l'élément lui-même ne coule pas normalement, même si les éléments qui l'entourent.
@Jitendra Vyas Je vous recommanderais également de rechercher le didacticiel CSS pour les séries vidéo débutants trouvées dans YT où vous pouvez trouver une explication consiste sur la façon dont le flux fonctionne (# 30- # 33 vidéos)
@ira pouvez-vous poster le lien de la vidéo?
@Jitendra vyas Vous trouverez peut-être la première vidéo que je parle de ici mais je recommanderais de vérifier toute la série dans cas, vous n'êtes pas si familier avec CSS
"Flow normal" est la manière typique du navigateur, avec la prise en compte des éléments autour de lui et d'autres éléments de considération pour cela. "Out of Flow" signifie que l'élément est "ignoré" ou le comportement "changé" par des éléments autour de lui. édité cette phrase suivante: Ainsi, si un élément est autre que statique (la valeur par défaut), il peut être hors de flux (je dis mai , parce que pour relative pour être hors de flux, il doit être décalé) ou si l'élément a un float alors il devient "hors de flux" car il ne suit pas non plus Un normal standard d'un élément après une autre dans une ligne ou un bloc normal Standard d'éléments empilés sur la page. Cette page est (bien sûr) plus complète dans la compréhension de ce: http: //www.w3 .ORG / TR / CSS2 / VISUREN.HTML
Le de http://www.w3.org/tr/css21 /visuren.html#choose-position
statique: la boîte est une boîte normale, aménagée en fonction du débit normal. Les propriétés «haut», «haut», «bas» et «gauche» ne s'appliquent pas. ......
Aussi vous pouvez en savoir plus sur le positionnement CSS ici: La déclaration de position statique et relatif Éléments toujours dans le flux , mais le absolu et fixe Les éléments sont éliminés hors du flux.
Relative: la position de la boîte est calculée en fonction du débit normal (ceci s'appelle la position dans le flux normal).