Dans le cours : L'essentiel des CSS

Accédez au cours complet aujourd’hui

Inscrivez-vous aujourd’hui pour accéder à plus de 24 900 cours dispensés par des experts.

Utiliser le positionnement absolu

Utiliser le positionnement absolu - Tutoriel CSS

Dans le cours : L'essentiel des CSS

Démarrer mon mois d’essai gratuit Acheter pour mon équipe

Utiliser le positionnement absolu

“

Explorons maintenant le mode de positionnement absolu. Je vais retourner dans ma feuille de style et je vais changer le mode de positionnement de mon div 1. Je vais mettre ici position: absolute, maintenant. J'ai un troisième mode de positionnement à ma disposition : le mode de positionnement absolu. Je sauvegarde et voilà ce qui se passe. Mon div 2, mon div brun ici est positionné par rapport au coin supérieur gauche ici de ma fenêtre de mon body. Je l'ai décalé de 80 pixels vers la droite. Quant à mon div 2, le div le rose qui se trouve là derrière, il ignore complètement le 1. En fait dans le mode de positionnement absolu, je retire carrément l'élément positionné du flux naturel du document. Donc sa position sur l'écran ne dépend plus de sa position dans le code html. Démonstration. Je vais prendre mon div 1, je vais le couper et je vais le mettre après mon div 2. Je sauvegarde. Je reviens dans mon navigateur et là rien n'a changé. Je…

Table des matières