Examples of the application of absolute and relative

Div + CSS page layout, the appropriate use of absolute and relative, can give the layout to bring unexpected effects and convenience, to achieve a multiplier. This paper introduces the application of absolute and relative.

To explain the relationship between the two, need to cooperate with examples, please see the example first:

The following is a reference fragment: div + CSS Example, wayhome ' s blog Position:absolute; Top:5px; Right:20px; Position:absolute; Left:20px; Bottom:10px; Position:absolute; Top:5px; Left:5px; Position:relative; Left:150px; width:300px; height:50px; 1 2 3 4 5 padding:20px 0 0 20px; position: absolute; Position: relative; Left:200px; Width:300px; Height:300px; Position:absolute; Top:20px; RIGHT:20PX;<BR/> Position:absolute; Bottom:20px; Left:20px;