Relative Positioning
Relative positioning does two things:
- it offsets the box from where it would have been placed as a static box;
- it preserves the space left behind;
To see what your computer screen would look when using relative positioning open this window.
Here is the CSS code and the XHTML used to produce the layout above.
Notice that the other boxes do not move upward to fill the space left by box one which has been moved relative to the flow.