Simple Absolute Positioning Question

[MMBlast]

Why does #div1 position itself using #div0 but #div1 uses the body(?) unless I set #div0 to relative? I’m going bonkers, much thanks to anyone who can clear this up for me!

http://codepen.io/MMEquinox/pen/XXdvVW

[Shikkediel]

If you don’t define a top position for the absolute element, it will be placed as if it were positioned statically according to document flow. So it isn’t positioned using #div0 either unless that has relative positioning but just appears that way – after the header.

[MMBlast]

Completely cleared that up for me, much obliged.

[jmeguy]

I don’t know what exactly you are trying accomplish, but looking @ your code I modified it.

http://codepen.io/anon/pen/BjzBmg

You need to give the outer element position relative and then they will all come inside the #div0.

[Author]

Posts