CodePen Embed - position: relative

<div class="container">
  <div class="parent-box">
    <div class="child-box"></div>
  </div>
</div>

.container{
  width: 100%;
  margin: 0 auto;
}

.parent-box{
  width: 500px;
  height: 500px;
  background: rgba(0, 100, 100, 0.3);
  position: relative;
}

.child-box{
  width: 100px;
  height: 100px;
  background: rgba(200, 150, 0, 0.5);
  position: absolute;
  bottom: 0;
}

This Pen is owned by int on CodePen.

See more by @intHuang on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.