This yellow div is absolutely positioned at left: 50px and top: 500px in
the page's DEFAULT positioning context. Please note that the BLUE div and the
GREEN div are NOT
POSITIONED, and they are AFTER this yellow div in the HTML code.
This blue div is NOT POSITIONED. But it has MOVED UP to replace the YELLOW
div's original place in the page (where the YELLOW div WOULD HAVE BEEN it it had
not been absolutely positioned).
This green div is
relatively
positioned at left:150px and top:100px from where it
would have been (just under the BLUE div).
This pink div is absolutely
positioned at left:150px and top:120px in the
GREEN div's positioning context. It has a width:300px; property.
This grey div is in its default placement by the browser.