What is the difference between absolute positioning and fixed positioning in CSS?

Question

Accepted Answer

Absolute positioning is relative to the nearest positioned ancestor, while fixed positioning is relative to the viewport.

Absolute positioning is based on the nearest positioned ancestor, while fixed positioning is based on the viewport.
Absolute positioned elements are removed from the normal flow of the document, while fixed positioned elements stay in the same position even when the page is scrolled.
Examples: Absolute positioning can be used to position a popup menu within a container, while fixed positioning can be used to create a sticky header that remains at the top of the page.

Popular interview questions of Web Developer