position: absolute;

position: absolute;

div.relative {
  position: relative;
  width: 400px;
  height: 200px;
  border: 3px solid #73AD21;
} 

div.absolute {
  position: absolute;
  top: 80px;
  right: 0;
  width: 200px;
  height: 100px;
  border: 3px solid #73AD21;
}

An element with position: absolute; is positioned relative to the nearest positioned ancestor (instead of positioned relative to the viewport, like fixed).

If an absolute positioned element has no positioned ancestors, it uses the document body, and moves along with page scrolling.

position: absolute; — Structure map

Clickable & Draggable!

position: absolute; — Related pages: