自动固定剩余高度

Question

我有一个代码

检查一下：https://jsfiddle.net/8ufj9auo/

<style>

    .Parent {
        overflow-y:hidden;
        position:fixed;
        left:100px;
        width:25%;
        top:100px;
        bottom:100px;
     }
    .Child_2 {
        overflow-y:scroll;
        height:100%;
     }

</style>

<div class="Parent">

<!-- .Child_1 Have variable height -->
    <div class="Child_1"></div>
<!-- .Child_2 must be fixed the remaining height -->
    <div class="Child_2"></div>

</div>

但是当身高child_2 = 100%时，.Child_1的高度，.Child_2突然爆发

那么你建议我做什么？