位置固定显示flex保持最后一个孩子最大高度

Question

＆＃13;

＆＃13;

.mdtags{
position:fixed;
display:flex;
flex-direction:column;
height:calc(100% - 50px);
width:200px;
left:calc(50% - 150px);
top:40px;
background:lightblue;
}

.partc{
background:gold;
overflow-y:scroll;
}

＆＃13;

<div class='mdtags'>
<div class='parta'>323</div>
<div class='partb'>525</div>
<div class='partc'>727</div>
</div>

＆＃13;

＆＃13;

＆＃13;

如何将partc（金色）高度始终保持在父母的底部？
它已经有overflow-y - scroll，我想在里面存储大量的数据，但是当一些数据被javascript隐藏时 - 它不应该改变它的高度。