Quelles sont les positions de positionnement en CSS ?

Le positionnement de la position en CSS est : 1. statique 2. fixe 3. relatif 4. absolu ; Statique équivaut à aucun positionnement et relatif génère des éléments relativement positionnés.

Il existe 4 valeurs pour la position en CSS, à savoir statique, fixe, relative et absolue.

(Tutoriel vidéo d'apprentissage : Tutoriel vidéo CSS)

Introduction détaillée :

• statique : équivalent à aucun positionnement, élément apparaîtra dans le flux normal de documents.

• fixed : L'élément box se comporte comme un absolu, mais fixe est positionné par rapport à la fenêtre de vue elle-même, c'est-à-dire la fenêtre du navigateur. Par conséquent, lorsque l’élément avec ce positionnement défile vers le bas sur la page, sa position ne changera pas.

• relatif : Génère un élément relativement positionné. Il est positionné par rapport à la position de l'élément lui-même, et l'espace qu'il occupait à l'origine sera toujours conservé.

• absolu : Génère un élément positionné de manière absolue et le positionne par rapport au premier élément ancêtre positionné autre que le positionnement statique. Étant donné que le positionnement statique équivaut à aucun positionnement, le positionnement absolu est en fait positionné par rapport au premier élément ancêtre positionné. Si tous les éléments ancêtres ne sont pas positionnés, il sera positionné par rapport au bloc ou au canevas initial, généralement l'élément body.

Recommandations associées : Tutoriel CSS

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!