Blocco 1
Blocco 2
Blocco 3
Blocco 4
#box1 {
position: absolute;
left: 50px;
top: 30px;
width: 200px;
height: 20px;
border: solid 1px;
color: black;
background-color: #ffff99;
text-align: center;
}

position: absolute Il codice CSS sopra relativo al blocco 1, gli altri blocchi hanno praticamente lo stesso codice con coordinate di posizionamento differenti:

box2: right: 50px; top: 30px;
box3: left: 50px; bottom: 30px;
box4: right: 50px; bottom: 30px;

Provate ad allargare o a restringere la finestra del browser e noterete com ei 4 box mantengono la loro posizione assoluta rispetto alla finestra del browser.