Streaming live at 10am (PST)

Explanation of absolute positioning


#1

At help.webflow.com/css-properties the definiton goes: "Absolute objects are positioned relative to their parent element (the box with which it is in). If it does NOT have a parent element, it uses the Body."

At w3schools.com/cssref/pr_class_position.asp the definiton goes: "The element is positioned relative to its first positioned (not static) ancestor element".

If I understand correctly, in order for an element to be positioned absolutely, it should have a non-auto positioned parent (at some level). This does not become clear from Webflow's definition.


#2

This article may help:

https://medium.freecodecamp.com/css-positioning-explained-by-building-an-ice-cream-sundae-831cb884bfa9#.lozq953xh


#3

Devtips have a great video about it. CSS POSITIONING


#4

"One last note: position absolute is calculated based on the nearest
parent that is position relative. If there is no parent that is position
relative, it is calculated based on the entire body." - well, would it work if the nearest parent is position absolute?

PS: My point was that the Webflow tutorial was not quite clear on the subject.


#5