position: absolute;
      left: 20px;
      top: 20px;
    

Le seul élément englobant pour ce div est la fenêtre principale. Elle se positionne par rapport à elle.

      position: relative;
      top: 0;
      right: 0;
    

La position est relative par rapport aux voisins.

      float: right;
      position: relative;
      top: 20px;
      left: 20px;
    

La position est relative par rapport au div voisin mais on le retire du flux.

        position: absolute;
        bottom: 10px;
        right: 20px;
      

La position est absolue à l'intérieur d'un parent positionné de façon relative.