position absolute
/Html JavaSript/css/position absolute.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<title>css position:absolute</title>
</head>
<body>
<div style="margin:100px; border:1px solid red; height:100px;
position:relative;">
Bloc mis en <em>position:relative</em> juste pour modifier le position:absolute de ses fils<br>
<div style="border:1px solid green;
position:absolute; top:40px; left:40px">
Bloc en <b><em>position:absolute;</em> top:40px; left:40px</b><br>
La position est absolue <b>dans le block <em>positionné </em>le plus proche</b>.<br>
Si on vire le "position:relative" du bloc père (rouge) alors ce bloc se positionnera par rapport au body...
</div>
</div>
</body>
</html>