CSS Control div Absolute positioning, relative positioning skills

We often use the position attribute in Web design, which has 5 values, namely: absolute, fixed, relative, static, inherit.

What is commonly used is absolute and fixed.

Absolute: Generates an absolutely positioned element that is positioned relative to the first parent element other than static positioning.

Fixed: Generates an absolutely positioned element that is positioned relative to the browser window.

The difference between the two values is that one is positioned relative to the static parent element, and one is positioned relative to the browser window.

Many friends in the use of absolute found it "seems" is also targeted at the browser window, in fact, because there is no set the parent element static value.

The code should write this:

In this way, the Div with id son will be "absolutely positioned" relative to the Div with ID as parent.

And the fixed is completely not bound by any, but in the IE6 browser is invalid, IE8 can be used after the normal.