Exercice 18/25

  • Dans le fichier stylesheet.css, attribuez la propriété position et sa valeur absolute au div enfant;
  • Précisez les valeurs de décalage top: 2px, left: 2px par rapport à son nouveau point de référence (html) ;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 18/25

Dans cet exercice, vous allez attribuer un positionnement absolu au div enfant.

Son parent n'a pas de position définie, donc le div enfant se positionnera par rapport à l'élément html.

Commentaires les mieux notés

  • ol2ev13-78

    #parent { height: 200px; width: 100px; border: 2px solid black; background-color: #4D94FF; } #enfant { height: 100px; width: 50px; border: 1px solid black; background-color: #3E76CC; position:absolute; margin-top:2px; margin-left:2px; je comprends pas ce qui bloque

  • alie.rostan

    je ne comprend pas mon erreur ?

  • line.lagarde

    Je ne comprends pas mon erreur.

  • line.lagarde

    Oups, trouvé!

11 Commentaires

  • ol2ev13-78

    ol2ev13-78

    #parent { height: 200px; width: 100px; border: 2px solid black; background-color: #4D94FF; } #enfant { height: 100px; width: 50px; border: 1px solid black; background-color: #3E76CC; position:absolute; margin-top:2px; margin-left:2px; je comprends pas ce qui bloque

    le 04/01/2019 à 18h30

  • meriam

    meriam Administrateur

    Bonjour, utilisez les propriétés top et left pour le décalage.

    le 07/01/2019 à 13h24

  • alie.rostan

    alie.rostan

    je ne comprend pas mon erreur ?

    le 24/01/2017 à 13h58

  • line.lagarde

    line.lagarde

    Je ne comprends pas mon erreur.

    le 05/06/2016 à 19h22

  • line.lagarde

    line.lagarde

    Oups, trouvé!

    le 05/06/2016 à 19h25

  • mram

    mram Administrateur

    Oui, la propriété "position" ne possède pas de version raccourcie.

    le 05/06/2016 à 19h37

  • mram

    mram Administrateur

    Les propriétés "position", "top" et "left" sont distinctes. Une par ligne avec leur valeur correspondante, sachant que "position" existe déjà.

    le 27/01/2017 à 15h48

  • pzim-34

    pzim-34

    position: absolute; top: 2px; left: 2px;

    le 20/03/2019 à 20h10

  • damien.miremont-85

    damien.miremont-85

    EDiT: C'est bon j'ai compris mon erreur.

    le 24/05/2019 à 19h59

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Le positionnement absolu</title> </head> <body> <div id="parent"> <div id="enfant"></div> </div> </body> </html>
#parent { height: 200px; width: 100px; border: 2px solid black; background-color: #4D94FF; } #enfant { height: 100px; width: 50px; border: 1px solid black; background-color: #3E76CC; }