Setting an element to “fixed position” (position: fixed;) is similar to using “absolute position” in that the position is in relation to the browser instead of any parent elements. Unlike absolute position, though, fixed position relates to the “viewable” portion of the browser. This means that even when you scroll, an element set to “fixed” will remain viewable in the browser window.

This property can be used for “sticky” headers or other elements you want always to be visible to the user.

Notice in the following example that the “fixed element” stays put when you scroll.