Hast du dich auch schon einmal gewundert, warum deine absolute Positionierung eines Elementes irgendwo im Nirvana der Webseite landet?
Hauptsächlich entsteht dieser Fehler durch die irrtümliche Annahme, das diese Positionsangabe immer und überall klappen sollte, tut sie auch
, nur sollte man dem Element in dem man etwas positionieren möchte dann vorher sagen, das es eine relative Positionierung hat, da sich die absolute Positionierung danach richtet, folglich richtet sich das zu Positionierende Element nach dem Body.
In diesem einfachem Beispiel ist der text nun unten rechts in der Box positioniert.
wenn Ihr nun in dem div das position:relative weg lassen würdet, wäre der text im Browser unten rechts zu sehen, also nicht da wo wir ihn haben möchten.
Die werte border:1px solid #f90000; stehen dort nur, damit man die Umrandung der box sieht.