Position

30 min 2 exercices Niveau 5

Exercice 1

Exercice 2

Énoncé

Soit le code suivant :

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Microlead - Exercice 1 CSS</title>
</head>
<body>
    <div class="contenu">
        <p>Ceci est un paragraphe.</p>
        <div class="premier">
            <p>Ceci est aussi un paragraphe.</p>
        </div>
    </div>
</body>
</html>

Modifier le code afin de :

De définir la position de la div dont la classe est “contenu” à “statique”.
De définir la position du deuxième paragraphe à “absolute”.
De définir la position de la div dont la classe est “premier” à “fixe”.

Contraintes

Les langages utilisés doivent être uniquement le HTML et le CSS.

Résultats attendus

Le résultat suivant est visible lors du chargement de la page HTML au sein de votre navigateur :

La div “contenu” est en position statique.
La div “premier” est en position fixe.
Le paragraphe est en position absolute.

Besoin d'aide ?

Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !