Relative Positioning

A relatively positioned box is placed normally in the document flow. Surrounding elements are positioned normally, then the relatively positioned box is shifted according its positioning properties.

BOX B This box is relatively positioned to be 100 pixels from the top and 30 pixels from the left of its position in the normal document flow.

Box B-1 This is a relatively positioned box inside another relatively positioned box. You can see the containing box is sized to accommodate this box even though this box is not inside that parent box.

BOX CYou can see that this box is placed in the normal document flow as if BOX-B were also placed normally.