CSS

position absolute and relative css

// relative: Positions the element relative to its normal positon and will leave a gap at its normal position * /
// position: relative; * /

// absolute: Positions the element relative to the positon of its first parent * /
// position: absolute; * /
// top: 34px; left: 134px; * /

// fixed: Positions the element relative to the browser window; * /
// position: fixed;
//right: 4px; bottom: 2px * /

// sticky
// position:sticky
// top:3px

absolute positioning css

The element is removed from the normal document flow, and no space is created
for the element in the page layout. It is positioned relative to its closest 
positioned ancestor, if any; otherwise, it is placed relative to the initial 
containing block. Its final position is determined by the values of top, right,
bottom, and left.

.element {
	position: absolute;
  	left: 0px;
  	top: 0px;
  	right: 0px;
  	bottom: 0px;
}

css absolute in absolute

#my-parent {position: absolute}
#my-parent .my-wrapper {position: relative}        /* Since you've added the wrapper in HTML */
#my-parent .my-wrapper .my-child {position: absolute}  /* Now you can play with it */

CSS position Property

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

//Another example

div.relative {
  position: relative;
  left: 30px;
  border: 3px solid #73AD21;
}

position absolute css

.absolute{
  	position: absolute;
    top: 0;
  	left: 0;
}