Position Demo

Absolute Position with Relative Position Container

Absolute positioning is useful when used in tandem with relative positioning. In this example, you will create a container div and set its position property to relative. This will allow you to place any element within the container wherever you choose by using absolute positioning on the inner elements.

For example, this page has several absolute positioned divs within a relative container. Notice how you can place these divs to overlap the container's edge. This will be useful in creating a 3d effect on your website.

This is id black
This is id orange
This is id gold
This is id purple
This is id lime