Hier wäre auch Platz für Links und Infos ...

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

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

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

<style>

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

#div0 {
position:absolute;
top:50px;
left:10px;
width:100px;
height:800px;
background:sandybrown;
}
#div1 {
position:absolute;
top:50px;
left:110px;
width:500px;
height:100px;
background:red;
}
#div2 {
position:absolute;
top:150px;
left:110px;
width:500px;
height:700px;
background:darkblue;
}
#div3 {
position:absolute;
top:50px;
left:610px;
width:10%;
height:800px;
background:cornflowerblue;
}
</style>
Hier könnten Links oder Infos stehen ...