I am the ancestor of all the boxes inside me. Also, I am positioned
relatively. What is affected if I were
static?
static positioning means that this element is
unpositioned. It is rendered where the element is by default according to the HTML. It's not participating in all the positioning fun.
this absolutely-positioned element has escaped its static parent element.It is now positioned relative to its nearest relative ancestor.
relative positioning means the element is positioned relative to itself. Without using the
top,
right,
bottom, or
left properties, it behaves like a
static element. Try adding
properties to move this element!
absolute means positioned relative to its nearest positioned parent positioned element. Uncomment the following HTML!
fixed positioning means that I am positioned relative to the browser window a.k.a the viewport. Even if you scroll, I'll be right here. PS - extra info in the HTML!