Quelles valeurs la position contient-elle ?

La position comprend statique, relative, absolue, fixe, collante, etc. Introduction détaillée : 1. statique, l'élément est positionné normalement dans le flux de documents et n'est pas affecté par d'autres attributs de positionnement 2. relatif, l'élément est positionné par rapport à sa position normale et la position de l'élément est ajustée en définissant le ; attributs top, right, bottom et left. , le positionnement relatif n'affectera pas la position des autres éléments ; 3. absolu, l'élément est relatif à son plus proche, etc.

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

En programmation, « position » est un attribut utilisé pour positionner des éléments. Il peut être utilisé en HTML, CSS et JavaScript pour contrôler la position des éléments sur la page.

En HTML, l'attribut "position" a les valeurs suivantes :

1. static (valeur par défaut) : L'élément est positionné normalement dans le flux documentaire et n'est pas affecté par les autres attributs de positionnement.

2. Relatif : l'élément est positionné par rapport à sa position normale et la position de l'élément est ajustée en définissant les attributs haut, droite, bas et gauche. Le positionnement relatif n'affecte pas la position des autres éléments.

3. absolu : L'élément est positionné par rapport à son élément ancêtre positionné le plus proche. S'il n'y a pas d'élément ancêtre positionné, il est positionné par rapport à l'élément body du document. Ajustez la position des éléments en définissant les attributs haut, droite, bas et gauche. Le positionnement absolu affecte la position des autres éléments.

4. corrigé : L'élément est positionné par rapport à la fenêtre du navigateur Même si la page défile, la position de l'élément ne changera pas. Ajustez la position des éléments en définissant les attributs haut, droite, bas et gauche. Le positionnement fixe affecte la position des autres éléments.

En CSS, la valeur de l'attribut "position" est la même qu'en HTML, mais il y a une valeur supplémentaire :

5 sticky : L'élément se comporte comme un mélange de positionnement relatif et de positionnement fixe lorsqu'il défile. Lorsque l'élément est visible dans le conteneur, il se comporte comme un positionnement relatif, et lorsque l'élément sort du conteneur, il se comporte comme un positionnement fixe. Ajustez la position des éléments en définissant les attributs haut, droite, bas et gauche.

En JavaScript, la valeur de l'attribut "position" est la même qu'en CSS. JavaScript peut être utilisé pour modifier dynamiquement la valeur de l'attribut de positionnement d'un élément afin d'obtenir un positionnement et une disposition dynamiques de l'élément.

Pour résumer, les valeurs de l'attribut "position" sont statiques, relatives, absolues, fixes et collantes. Ces valeurs peuvent être utilisées pour contrôler la position des éléments sur la page afin d'obtenir des effets de mise en page flexibles.

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!