In the example here, I notice if you take away the
Aren't both these elements in the flow of the document?
position: absolute; specifically removes elements from the flow.
As referenced in this answer, absolute positioning uses current positioning context. An element with
position: absolute; is still affected by its parent, however it is completely independent of its siblings.