Widely availableSupported across all major browsers. Safe to use in production.

Overview

The position: static CSS declaration positions an element in the normal flow. A statically positioned element ignores physical and logical properties such as top or inset-block-start.

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
css.properties.position.static
1
12
1
1
18
1
1+Supported (version) Not supported Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

Syntax

CSS
.element {
  position: static;
  /* top, right, bottom, and left are ignored */
}

Live demo

Position: Static(default)

CSS Position: static(default) demo.

PreviewFullscreen

Top/left that noneview

CSS Top/left that noneview demo.

PreviewFullscreen

Relative and. Comparison

CSS Relative and. comparison demo.

PreviewFullscreen

Use cases

  • Using Static positioning

    The position: static CSS declaration positions an element in the normal flow. A statically positioned element ignores physical and logical properties such as top or inset-block-start.

Cautions

  • May not be supported in older browsers.

Accessibility

  • Make sure visual changes are conveyed appropriately to assistive technology.

Powered by web-features