Bonjour, et bonne année à tous,

Petite question de débutant, merci pour votre indulgence.

Quelqu'un peut-il m'expliquer pourquoi les 2 div s'affichent un peu décalés et non pas superposés dans le code HTML+CSS ci-dessous ?

Merci d'avance.
Jm

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
 
<html>
 
<!-- HEAD -->	
<head>
	<title>Positionnement Relative - Absolute</title>
	<meta charset="utf-8">
</head>
 
 
<!-- HTML -->
<body>
 
	<div class="absolute">Position absolute</div>
 
	<div class="relative">Position relative</div>		
 
</body>
 
 
<!-- CSS -->
<style>
 
 
/* ABSOLUTE - positionnement */  
 
.absolute {
        position: absolute;
        left: 0px;
        top: 0px;
        
        width: 250px;
        border: 2px solid blue;
        text-align: center;
  }
 
 
/* RELATIVE - positionnement*/  
 
.relative {
        position: relative;
        left: 0px;
        top: 0px;
        
        width: 250px;
        border: 2px solid green;
        text-align: center;
  } 
 
</style>