CSS3 Position


  • Default value
  • Position according to the normal flow of the page


  • Position relative to its normal position


  • Position relative to the viewport, which means it always stays in the same place even if the page is scrolled.


  • Position relative to the nearest *positioned ancestor (ancestor could be fixed, absolute or relative)
  • If an absolute positioned element has no positioned ancestors, it uses the document body, and moves along with page scrolling.
  • *A “positioned” element is one whose position is anything except static.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Blog at WordPress.com.

Up ↑

%d bloggers like this: