Positioning: relative, absolute, fixed

      <div style="position: absolute; top: 0px; right: 0px; width: 100px; height: 100px;">
    

Can set top, right, bottom, left, width, height.

Relative positioning

Lay out as usual, then move it over

Absolute positioning

Take the box out of flow, then lay it out on its own. Positioning is with respect to the nearest ancestor with a position value other than the default static, or the viewport if there isn't one. Think pong paddles. Auto offsets will cause the browser to position at the hypothetical static position.

Fixed positioning

Like absolute, except always with respect to the viewport, and unaffected by scrolling.