Static Positioning

Static Positioning (Normal Flow)

  • Default way browser handles block and inline elements

  • Each block-level element sits on top of the next one

  • Inline elements will share line/row with other inline elements (space permitting)

  • If developers want to explicitly specify static positioning, they can do so using CSS:


.box {
  /* not necessary, as this is the default
   for all elements */
  position: static;
}


However, this is not necessary since all elements are statically positioned by default

JS Bin on jsbin.com