Maison > interface Web > tutoriel HTML > Quelles sont les valeurs de l'attribut position en html ?

Quelles sont les valeurs de l'attribut position en html ?

DDD
Libérer: 2023-09-28 17:15:42
original
2530 Les gens l'ont consulté

Les valeurs de l'attribut de position​​en HTML incluent statique, relatif, absolu, fixe, collant, etc. Introduction détaillée : 1. statique, les éléments sont disposés selon le flux normal du document et ne seront pas affectés par le positionnement 2. relatif, les éléments sont positionnés par rapport à leurs positions normales 3. absolu, les éléments sont positionnés par rapport à leur position ; éléments ancêtres positionnés les plus proches Positionnement ; 4. fixe, l'élément est positionné par rapport à la fenêtre 5. collant, etc.

Quelles sont les valeurs de l'attribut position en html ?

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

En HTML, l'attribut position est utilisé pour définir la façon dont un élément est positionné. Il a les valeurs d'attribut suivantes :

static (valeur par défaut) : les éléments sont disposés selon le flux normal du document et ne seront pas affectés par le positionnement. Les attributs left, right, top et bottom ne sont pas valides pour les éléments positionnés statiquement.

relative : L'élément est positionné par rapport à sa position normale. Vous pouvez ajuster la position des éléments à l'aide des attributs gauche, droite, haut et bas. Le positionnement relatif n'affecte pas la position des autres éléments et l'espace qu'il occupe est toujours conservé.

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é, le positionnement est relatif à l'élément racine du document. Vous pouvez ajuster la position des éléments à l'aide des attributs gauche, droite, haut et bas. Le positionnement absolu s'éloigne du flux normal des documents et n'occupe pas l'espace des autres éléments.

fixé : L'élément est positionné par rapport à la fenêtre d'affichage et la position de l'élément ne changera pas même si la page défile. Vous pouvez ajuster la position des éléments à l'aide des attributs gauche, droite, haut et bas. Le positionnement fixe s'éloigne du flux normal des documents et n'occupe pas d'espace par rapport aux autres éléments.

sticky : Les éléments deviennent positionnés de manière fixe lorsqu'ils défilent vers une position spécifique, sinon ils sont disposés selon le flux normal des documents. Vous pouvez ajuster la position des éléments à l'aide des attributs gauche, droite, haut et bas. Le positionnement collant est positionné par rapport à son élément parent ou à sa fenêtre d'affichage.

Ces valeurs d'attribut de position peuvent être spécifiées via des feuilles de style CSS ou des styles en ligne. En ajustant la position et le positionnement des éléments, divers effets de mise en page et effets interactifs peuvent être obtenus.

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal