Hier könnte eine Überschrift stehen ... Sie sehen Beispiele für drei absolut positionierte <div>-Elemente

Der rote Bereich ist #div1 und der blaue #div2 und der kornblumenblaue #div3.

Hier könnte etwas Text stehen ...

Für Sie der Code der drei <div>-Elemente, die im <head> im <style>-Abschnitt definiert werden:

<style>

body {color:black; background:white; margin:0; padding:0;}

#div1 {
position:absolute;
top:50px;
left:10px;
width:500px;
height:100px;
background:red;
}

#div2 {
position:absolute;
top:150px;
left:10px;
width:500px;
height:700px;
background:darkblue;
}

#div3 {
position:absolute;
top:50px;
left:510px;
width:10%;
height:800px;
background:cornflowerblue;
}

</style>
Hier könnten Links oder Infos stehen ...