The position property

position: static;

The Parent1 element has position: static, and will remain in the natural flow of the page. It will NOT act as anchor point for the absolutely positioned Child1 element:

Parent1: position: static.

Child1: position: absolute, right: 15px, top: 70px

position: relative;

The Parent2 element has position: relative, and will remain in the natural flow of the page. It will also act as anchor point for the absolutely positioned Child2 element:

Parent2: position: relative.

Child2: position: absolute, right: 15px, top: 70px

position: absolute;

The Parent3 element has position: absolute, and will NOT remain in the natural flow of the page. It will position itself according to the closest positioned ancestor. It will also act as anchor point for the absolutely positioned Child3 element:

Parent3: position: absolute, top: 750px, right: 15px.

Child3: position: absolute, right: 15px, top: 70px

position: fixed;

The Parent4 element has position: fixed, and will NOT remain in the natural flow of the page. It will position itself according to the viewport. It will also act as anchor point for the absolutely positioned Child4 element:

Parent4: position: fixed, bottom: 0, left: 0, right: 0.

Child4: position: absolute, right: 15px, top: 70px