Default flow layout (CSS):

position:static;

Element taking space but shifted (CSS):

position:relative;

Element is aligned from 1 of 4 corners (CSS):

position:fixed;
top:...; left:...;
/*or: top, right*/
/*or: bottom, left*/
/*or: bottom, right*/

Element is aligned from nearest positioned ancestor (CSS):

position:absolute;

Element is aligned from any point in web page (CSS & HTML):

.popup-holder {
  position:absolute; width:0; height:0; overflow:visible;
  display:inline-block;
}

#Test-Element {
  width:100px; height:100px; background:red; padding:10px;
}

[div class="popup-holder">
  [div id="Test-Element">
    Some contents here!
  [/div>
[/div>
Advertisements