Nash Vail Nash Vail - 1 year ago 60
HTML Question

CSS absolute positioning, what is "non-statically positioned ancestor"?

So I have been following this tutorial, to get a more clear understanding of relative and absolute positioning . Most of the things are clear but towards the end of the article it says
about absolute positioning . doesn’t always default to the top left of the browser window.
Instead, what position: absolute; really does is position the element
relative to its first non-statically-positioned ancestor (inherit
doesn’t count either)...

Can someone put that in layman's terms please.

Answer Source

not statically positioned element is an element having position property set to anything other than static (which is the default value).

For e.g: position: relative || absolute || fixed

If no such positioned ancestor is found, the absolute positioned element will be positioned relative to the window.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download