2.1.45 [CSS-Level2-2009] Section 9.4.3, Relative positioning

  • Article

V0065:

The specification states:

 Once a box has been laid out according to the normal flow or floated, it may be 
 shifted relative to this position. This is called relative positioning. Offsetting 
 a box (B1) in this way has no effect on the box (B2) that follows: B2 is given a 
 position as if B1 were not offset and B2 is not re-positioned after B1's offset is 
 applied. This implies that relative positioning may cause boxes to overlap. 
 However, if relative positioning causes an 'overflow:auto' or 'overflow:scroll' box 
 to have overflow, the UA must allow the user to access this content (at its offset 
 position), which, through the creation of scrollbars, may affect layout.

Quirks Mode (All Versions)

The following variations apply:

  • A container with overflow set to auto does not provide a scroll bar for relatively positioned content, nor does it allow the user to access this content.

  • A container with overflow set to scroll provides a scroll bar but does not contain the overflowed content. The user cannot access the overflowed content.

IE7 Mode (All Versions)

The following variations apply:

  • A container with overflow set to auto does not provide a scroll bar; instead, the content bleeds outside the container.

  • A container with overflow set to scroll provides a scroll bar but does not contain the overflowed content. The overflowed content bleeds outside the container (outside the scrollable section).

IE8 Mode (All Versions)

A container with overflow set to scroll causes the height of that container to become the value of the max-height property even when it is not necessary.