sto provando questo codice

<html>
<head>
<title>prova</title>
</head>

<body>

<div style="position: relative; border: 1px solid red;">

<div style="position: absolute; left:10; top:10; width:80; height:80; border:solid black 1px; z-index:0; background-color:888888;">
a</div>
<div style="position: absolute; left:100; top:10; width:80; height:80; border:solid black 1px; z-index:0; background-color:888888;">
b</div>
<div style="position: absolute; left:190; top:10; width:80; height:80; border:solid black 1px; z-index:0; background-color:888888;">
c</div>
<div style="position: absolute; left:280; top:10; width:80; height:80; border:solid black 1px; z-index:0; background-color:888888;">
d</div>

</div>

</body>
</html>

qualcuno mi sa spiegare come mai il div contenitore (quello con bordo rosso) non si sviluppa per contenere gli altri div, anche se questi vengono posizionati correttamente rispetto alla sua posizione?
è un comportamento corretto? devo per forza dare delle dimensioni al div esterno?

grazie