Retour aux cas pratiques
CSS3Avancé

Correction d'un système de positionnement absolu instable

Scénario

Contexte : Une bannière promotionnelle affiche un badge positionné en haut à droite de l'image. Le Problème : Le badge se décale de manière imprévisible selon la taille de l'écran. Contraintes : Utiliser position relative et absolute correctement. Aucun changement HTML. Code actuel : .badge { position: absolute; top: 0; right: 0; } Livrable attendu : Corriger le contexte de positionnement afin que le badge reste correctement ancré à son conteneur parent.

Compétences ciblées

css3positionabsolutelayoutresponsive
    Correction d'un système de positionnement absolu instable — mise en situation CSS3 | CodeDuel