relative container and absolute children

by Wentz Wu

HTML

<div id="box">
  <div id="box2">
    hello<br>
    hello<br>
    hello<br>
    hello<br>
    hello<br>
    hello<br>
    hello<br>
    hello<br>
    hello<br>
    hello<br>
    hello<br>
  </div>
</div>

CSS

#box {
  border: 1px solid red;
  width:25%;
  padding-bottom: 25%;
  position: relative;
}

#box2 {
  position: absolute;
}