<div class="parent">
  <div class="absolute-box">absolute box (in parent)</div>
</div>

<div class="absolute-box">absolute box (no parent)</div>
body { margin: 0;}
.parent {
  width: 200px;
  height: 200px;
  background: #bcbcbc;
  border: 1px solid #bcbcbc;
  margin: 50px 0 0 300px;
  position: relative;
}
.absolute-box {
  position: absolute;
  height: 200px; width: 200px;
  top: 50px; left: 50px;
  color: #e55c3c;
  font-weight: bold;
  text-align: center; 
  background: #2E303D;
  line-height: 200px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.