Comment mettre un div au dessus d un autre div en relative

bonjour a tous
depuis 2 jours je cherche le moyen de placer un div au dessus d un autre div mais en relatif

je m explique
mettre un div au dessus d un autre c est simple
par contre avec la valeur absolute il prends la position du coin du navigateur
je souhaiterais que le div quatre soit positionner par rapport au coin supérieur gauche du div premier
dans le dernier essai j ai essayer de remplacer absolute par relative sans succès

merci pour l aide

<div class="container">

 <div class="un" style=" background-color: brown;
   width :800px; height:500px">premier</div>
 
   <div class="quatre" style="background:peachpuff;
  position:absolute;
  top:10px;
  left:20px;
  width :200px;
 height:150px;">quatre</div>

</div>