What is the difference between fixed and absolute positioning?

Can someone please explain the difference between fixed and absolute position. Thanks.

Made a copdepen example:

the gist is both positioning methods take an element outside the normal flow of things, inline or block.

absolute positioning sets an element at a specific location on the page this will scroll up or down with the page

fixed positioning sets an element at a specific location on the SCREEN this will not scroll with the page

follow the link and scroll up and down to see this in action.

1 Like