Page Title

Parent (static)

Im a normal static block

Im relative with top:20px and my parent keep space for me like i would be "static" but where i going drawed depends on top/left/bottom/right props that say offsets that are relative to my "static" position. Click me for toggle me between "relative" and "static" position

Im absolute with top:0 left:0, belong to Parent (static) and i am relative to my nearest not-static ancestor (in this case the page body)

Parent (relative)

Im a normal static

Im relative with top: 20px. Click me for toggle me between "relative" and "static" position

Im absolute with top:0 left:0, belong to Parent (relative) and i am relative to my nearest not-static ancestor (in this case my direct parent)

Parent (absolute) with left:52%

Im a normal static block

Im relative with top:20px. Click me for toggle me between "relative" and "static" position

Im absolute with top:0 left:0, belong to Parent (absolute) and i am relative to my nearest not-static ancestor (in this case my direct parent)

position sample