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