I have a parent and child div:

```
<div class="wrapper">
    <div class="child">
        Foo Bar!
    </div>
</div>

```

The `wrapper` div can vary in height, depending on the content, but it has a `min-height: 50vh`. Now I want the child div to cover the entire parent div, but `height: 100%` does not work.

[Here is a JSFiddle demo](https://jsfiddle.net/x9yod7s0/8/). The goal is to cover the entire grey area in blue. How would I go around doing this?