How to use position in CSS

There are four different position values:

  •  static
  • relative
  • fixed
  • absolute

div.static {
    position: static;
    border: 3px solid #555;
}

div.relative{
    position: relative;
    border: 3px solid #555;
}

div.fixed{
    position: fixed;
    border: 3px solid #555;
}

div.absolute{
    position: absolute;
    border: 3px solid #555;
}