The coordinates sets where an element is positioned inside of a document or another element.
This example shows how absolute elements are absolutely positioned inside of a relative element with a lot of padding (.pa7). The absolute element outer margin snapping to the containing element is highlighted in each case.
/* generate: container-rule */ .top { top: 0; } .right { right: 0; } .bottom { bottom: 0; } .left { left: 0; } /* end generate */