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

Das einzige Element, das dieser Div beinhaltet, ist das Hauptfenster. Daher positioniert er sich in Bezug dazu.

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

Relative Position in Bezug auf seine Geschwisterelemente.

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

Relativ zu seinem Geschwister-Div darĂ¼ber, jedoch aus dem Inhaltsfluss entfernt.

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

Absolute Position innerhalb des Elternelements mit relativer Position.