The position CSS property determines which of the positioning schemes is used to calculate the position of a box.
object.style.position = "value";
<'position'> = static | relative | absolute | sticky | fixed
The box is not a positioned box, and is laid out according to the rules of its parent formatting context.
The box is laid out as static, then offset from the resulting position.
The box is positioned and sized solely in reference to its absolute positioning containing block. It is taken out of flow, meaning it has no impact on the size or position of its siblings and ancestors, and does not participate in its parent's formatting context.
Identical to relative, except that its offsets are automatically adjusted in reference to the nearest ancestor scroll container's scrollport in whichever axes the inset properties are not both auto, to try to keep the box in view within its containing block as the user scrolls.
Same as absolute, except the box is positioned and sized relative to a fixed positioning containing block.
© 2021 Osbo Design