Four boxes positioned absolute

The offset properties are used to put them in the corners

For absolutely positioned elements, the top, right, bottom, and left properties
specify offsets from the edge of the element's containing block (what the element is positioned relative to).
The margin of the element is then positioned inside these offsets.

Try resizing the browser window :)