Sommaire

La Superpositionsuperposition des Boîte:superpositionboîtes

Nous avons vu qu’avec le positionnement absolu, les boîtes se superposaient selon l’ordre de déclaration dans le code.

Voici un exemple simple :

<!doctype html> 
<html lang="fr"> 
<head> 
   <meta charset="UTF-8"> 
   <title>Titre de la page</title> 
   <style> 
       #un, #deux, #trois { 
           position: absolute ; 
           border: 1px solid #000 ; 
           background-color: #eee ; 
           width: 400px ; 
       } 
       #un { 
           left: 40px ; 
           top: 40px ; 
       } 
       #deux  { 
           left: 80px ; 
           top: 80px ; 
       } 
       #trois { 
           left: 120px ; 
           top: 120px ; 
       } 
   </style> 
</head> 
<body> 
   <div id="un"> 
       Vestibulum ...