Quelles sont les catégories de positionnement relatif ?

Le positionnement relatif comprend la classification selon la méthode de positionnement, la classification selon la direction de positionnement, la classification selon la distance de positionnement et la classification selon l'objet de référence de positionnement. Introduction détaillée : 1. La classification selon la méthode de positionnement comprend le positionnement statique, le positionnement relatif, le positionnement absolu et le positionnement fixe ; 2. La classification selon la direction de positionnement comprend le positionnement horizontal et le positionnement vertical ; 3. La classification selon la distance de positionnement comprend le positionnement statique et le positionnement relatif ; , Positionnement absolu et positionnement fixe ; 4. La classification selon les objets de référence de positionnement comprend le positionnement statique, le positionnement relatif, le positionnement absolu et le positionnement fixe.

Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur DELL G3.

Le positionnement relatif est une méthode couramment utilisée dans la mise en page d'images et peut être classé en fonction de différents besoins et scénarios. Voici quelques méthodes courantes de classification de positionnement relatif :

1. Classification selon la méthode de positionnement

Positionnement statique (statique) : le positionnement statique est la méthode de positionnement par défaut des éléments, et les éléments sont disposés selon le flux normal de documents. Dans cette méthode de positionnement, l'élément ne sera pas affecté par les valeurs haut, droite, bas et L'influence d'attributs tels que la gauche.

Positionnement relatif (relatif) : les éléments positionnés relativement sont ajustés en fonction de leur position dans le flux normal de documents. Vous pouvez définir le haut, la droite, le bas et la gauche et d'autres attributs pour changer la position de l'élément. Les éléments relativement positionnés restent dans le flux de documents et n'ont aucun impact sur les autres éléments.

Positionnement absolu (absolu) : les éléments positionnés de manière absolue se détacheront du flux de documents, par rapport à leur élément non statique le plus proche. L'élément ancêtre positionné est positionné. S'il n'y a pas d'éléments ancêtres, le positionnement est relatif au bloc contenant d'origine du document. Vous pouvez définir le haut, la droite, le bas et la gauche et d'autres attributs pour changer la position de l'élément. Les éléments positionnés de manière absolue ont un impact sur les autres éléments.

Positionnement fixe (fixe) : les éléments à position fixe seront séparés du flux de documents et positionnés par rapport à la fenêtre du navigateur. Vous pouvez définir le haut, la droite, le bas et la gauche et d'autres attributs pour changer la position de l'élément. Les éléments positionnés fixes ont un impact sur les autres éléments.

2. Classification basée sur la direction de positionnement

Positionnement horizontal : Le positionnement horizontal signifie qu'un élément est positionné dans la direction horizontale par rapport à ses éléments ancêtres. Ceci peut être réalisé en définissant les propriétés gauche et droite.

Positionnement vertical : le positionnement vertical signifie qu'un élément est positionné verticalement par rapport à ses éléments ancêtres. Ceci peut être réalisé en définissant les propriétés haut et bas.

3. Classification basée sur la distance de positionnement

Positionnement statique : les éléments de positionnement statiques seront ajustés en fonction de leur position dans le flux normal de documents, mais ne modifieront pas la distance relative entre les éléments.

Positionnement relatif : les éléments positionnés relativement seront ajustés en fonction de leur position dans le flux normal de documents. Vous pouvez définir le haut, la droite, le bas et la gauche. et d'autres propriétés pour modifier la distance relative entre les éléments.

Positionnement absolu : les éléments positionnés de manière absolue sont supprimés du flux de documents et positionnés par rapport à leurs éléments ancêtres positionnés de manière non statique les plus proches. La distance relative entre les éléments est déterminée par le haut, la droite, le bas et Déterminé par des propriétés telles que gauche.

Positionnement fixe : les éléments à position fixe seront séparés du flux de documents et positionnés par rapport à la fenêtre du navigateur. La distance relative entre les éléments est déterminée par des propriétés telles que haut, droite, bas et gauche.

4. Classification basée sur le positionnement de l'objet de référence

Positionnement statique : les éléments de positionnement statiques seront ajustés en fonction de leur position dans le flux de documents normal.

Positionnement relatif : les éléments positionnés relativement seront ajustés en fonction de leur position dans le flux de documents normal. La référence est la position de l'élément dans le flux de documents normal.

Positionnement absolu : les éléments positionnés de manière absolue se détacheront du flux de documents, par rapport à leur élément non statique le plus proche. L'élément ancêtre positionné est positionné. La référence est la position de l'élément ancêtre. S'il n'y a pas d'éléments ancêtres, le positionnement est relatif au bloc contenant d'origine du document.

Positionnement fixe : les éléments à position fixe seront séparés du flux de documents et positionnés par rapport à la fenêtre du navigateur. L'objet de référence est la position de la fenêtre du navigateur.

En bref, le positionnement relatif peut être classé selon différents besoins et scénarios. Comprendre ces méthodes de classification vous aidera à mieux maîtriser l'utilisation du positionnement relatif et à obtenir une mise en page d'image plus flexible.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!