<style>

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

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

#div2 {
position:absolute;
top:100px;
left:10px;
width:240px;
height:400px;
background:lightblue;
}

#div3 {
position:absolute;
top:100px;
left:250px;
width:50%;
background:darkblue;
color:yellow;
}

</style>

Sehen Sie sich die Unterschiede bei den Attributen top, left, width, height an, um deren Wirkung beurteilen zu können.

Wichtig! Wenn Sie Bereiche absolut positionieren, müssen Sie je nach Absicht mit den Attributen top, left/right, width, height arbeiten. Wenn Sie das Attribut height nicht definieren, kann der Bereich so zu sagen mit dem Inhalt mitwachsen, sonst würde er abgeschnitten.