CSS3متقدم

Correction d'un système de positionnement absolu instable

السيناريو

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.

المهارات المستهدفة

css3positionabsolutelayoutresponsive

حالات تطبيقية أخرى في ⁨CSS3⁩

عرض كل الحالات التطبيقية في ⁨CSS3⁩

أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى