expand parent to same height as child (position: absolute) without javascript

Question

How to expand the parent to have the same height as the child (the content) when the child has position: absolute ?

• The height of the child is not static
• Solution without javascript

.parent {
  position: relative;
  background: red;
}

.child {
  position: absolute;
  right: 10px;
  width: 100px;
  background: blue;
}

<div class="parent">
  <div class="child">
    test<br>test<br>test<br>test
  </div>
</div>
<div>
  some text below parent
</div>

(JsFiddle)

Answer 1

.parent {
    position: relative;
    background: red;
    width: max-content;
}

on the parent