9.8.2 Relative positioning

Chapter 9 - Visual formatting model - 9.8.2 Relative positioning

Go to the relevant page of the specification.

position-relative-027
Relatively positioned elements with auto positioning with anonymous boxes before and after
Relatively positioned element with auto positioning appear as though they were positioned in flow.
position-relative-028
Relatively positioned elements with auto positioning with anonymous boxes after
Relatively positioned element with auto positioning appear as though they were positioned in flow.
position-relative-029
Relatively positioned elements with auto positioning with inline box after
Relatively positioned element with auto positioning appear as though they were positioned in flow.
position-relative-030
Relatively positioned elements with auto positioning with anonymous boxes before and after with trailing inline
Relatively positioned element with auto positioning appear as though they were positioned in flow.
position-relative-031
Relatively positioned elements with auto positioning with an inline element before, anonymous boxes, and inline boxes after
Relatively positioned element with auto positioning render as though they were positioned in flow.
position-relative-032
Relatively positioned box has no impact on boxes which follow
Offsetting a box with relative positioning has no effect on the boxes which follow.
position-relative-033 (may)
Relatively positioned box has no impact on boxes which follow and boxes may overlap
Offsetting a box with relative positioning has no effect on the boxes which follow and boxes may overlap.
position-relative-034 (interact)
Relatively positioned content inside container with overflow auto
A container with overflow set to auto provides a scrolling mechanism for relatively positioned content.
position-relative-035
Relatively positioned boxes preserve the space created for it in flow
Relative positioned content keeps its normal flow size including line breaks and the space originally reserved for it.
position-relative-036 (interact)
Relatively positioned content inside container with overflow scroll
A container with overflow set to scroll provides a scrolling mechanism for relatively positioned content.