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
- Correction d'un centrage horizontal inefficaceأساسي
- Conception d'une grille auto-adaptative avancée avec subgridخبير
- Correction d'un contraste insuffisant pour l'accessibilitéأساسي
- Correction d'un problème complexe de overflow et scroll imbriquéخبير
- Correction d'un texte qui dépasse son conteneurأساسي
- Création d'un système de layout adaptatif basé sur container queriesخبير
أسئلة أصلية من تصميم CodeDuel. لا ترتبط CodeDuel بأي ناشر أو هيئة اعتماد مذكورة؛ أسماء الشهادات والعلامات التجارية مملوكة لأصحابها، ولا تُذكر إلا للإشارة إلى المجال الذي يغطيه الاختبار. الإبلاغ عن محتوى
