Html 如何在flexbox中拉伸此导航链接？

我对flexbox有一点不太了解的问题。如何将侧边栏的最后一个链接拉伸到与内容框相同的高度

说明图像：

演示：

$（文档）.ready（函数（）{
$（“.search btn”）。单击（函数（）{
$（“.search bar”）.toggleClass（“隐藏”）；
});
$（“.add task btn”）。单击（函数（）{
$（“.add任务栏”）.toggleClass（“隐藏”）；
});
$（“.main节”）。单击（函数（）{
$（“.details”）.toggleClass（“隐藏”）；
});
$（“#clandar，.set due date”）.hover（函数（）{
$（“.set due date”）.toggleClass（“隐藏”）；
});
})

*{
框大小：边框框；
}
身体{
颜色：#fff；
位置：相对位置；
左：0；
右：0；
z指数：0；
字体系列：“开放式Sans”，无衬线；
}
身体：以前{
内容：“；
位置：固定；
左：0；
右：0；
z指数：-1；
背景：url（../img/bg-1.jpeg）无重复中心；
背景尺寸：封面；
身高：100%；
-webkit过滤器：模糊（10px）；
-moz滤波器：模糊（10px）；
-o-滤波器：模糊（10px）；
-ms过滤器：模糊（10px）；
过滤器：模糊（10px）；
}
a{
文字装饰：无；
}
.fa星形，.fa地图标记{
颜色：#9596a4；
}
.集装箱{
宽度：600px；
利润率：15px自动；
溢出：隐藏；
位置：相对位置；
}
.隐藏{
显示：无；
}
/**********************************
*网格
**********************************/
[类别*=“列-”]{
浮动：左；
}
.罗：之后{
内容：“；
明确：两者皆有；
显示：块；
}
.col-1{宽度：8.33%；}
.col-2{宽度：16.66%；}
.col-3{宽度：25%；}
.col-4{宽度：33.33%；}
.col-5{宽度：41.66%；}
.col-6{宽度：50%；}
.col-7{宽度：58.33%；}
.col-8{宽度：66.66%；}
.col-9{宽度：75%；}
.col-10{宽度：83.33%；}
.col-11{宽度：91.66%；}
.col-12{宽度：100%；}
.col-off-2>.col-2{宽度：11.66%；}
.col-off-10>.col-10{宽度：88.33%；}
/**********************************
*倾斜杆
**********************************/
标题{
背景色：rgba（255、255、255、0.3）；
文本对齐：居中；
位置：相对位置；
}
.标题栏按钮{
浮动：左；
利润率：18px；
}
.标题栏按钮a{
宽度：11px；
高度：11px；
浮动：左；
边际：0.2px；
背景色：rgba（255、255、255、0.4）；
边界半径：10px；
}
.标题所有任务{
显示：内联块；
利润率：35px 0 10px 0；
字号：18px；
颜色：#ffffff；
}
.标题btn{
浮动：对；
利润率：35px 16px 10px 0；
}
.标题btn范围{
颜色：rgba（255，255，255，0.5）；
边际：0.8px；
}
/**********************************
*航行
**********************************/
.中置菜单{
位置：相对位置；
最高：40%；
左：40%
}
.inv菜单{
位置：相对位置；
最高：80%；
左：40%
}
.菜单a{
文字装饰：无；
显示：块；
颜色：#CFC4CD；
}
.nav-btn-1{
背景色：#55566e；
高度：70像素；
}
.nav-btn-2{
背景色：#ff5f65；
高度：70像素；
}
.nav-btn-3{
背景色：#fdcd63；
高度：70像素；
}
.nav-btn-4{
背景色：#d575f8；
高度：70像素；
}
.nav-btn-5{
背景色：#00eeb8；
高度：70像素；
}
.nav inv btn{
背景色：rgba（52,63,70,0.5）；
}
/**********************************
*任务列表全局类
**********************************/
.任务链接{
颜色：#ffffff；
}
.复选框{
显示器：flex；
对齐项目：居中；
证明内容：中心；
背景色：#4c4b62；
边框底部：1px实心rgba（2332332331）；
}
.盒子{
边框底部：1px实心rgba（2332332331）；
背景色：#55566E；
}
.投资部{
不透明度：0.6；
}
.弯曲高度{
显示：-webkit flex；
显示：-ms flexbox；
显示器：flex；
-webkit柔性包装：包装；
-ms-flex-wrap:wrap；
柔性包装：包装；
}
/**********************************
*主塔克
**********************************/
.框h1{
明确：两者皆有；
字体大小：44px；
利润率：35px0；
颜色：#ffffff；
}
.任务-1{
右边框：10px实心#ff5f65；
边框底部：1px实心rgba（2332332331）；
}
/**********************************
*小任务
**********************************/
.任务内容小{
填充：25px 30px 15px 30px；
}
.地点和日期{
保证金：0；
字体大小：10px；
}
.任务名称{
利润率：23px0；
线高：1.5；
字体大小：15px；
}
/**********************************
*第二节
**********************************/
.任务内容{
填充：25px 35px 15px 25px；
位置：相对位置；
}
.宠儿{
浮动：对；
}
.地点和日期{
颜色：#9596a4；
浮动：左；
字体大小：粗体；
字体大小：12px；
保证金：5px；
}
.地点和日期{
保证金：0；
字体大小：10px；
}
/**********************************
*颜色
**********************************/
.主动{
左边框：1px实心#ff5f65；
边框底部：1px纯白；
右边框：10px实心#fdcd63；；
}
紫色{
右边框：10px实心#d575f8；
}
.inv红色{
右边框：10px实心#ff5f65；
}
.inv紫色{
右边框：10px固体#9B79AB；
}
.inv yell{
右边框：10px实心#C2B28A；
}
格林先生{
边框底部：1px实心rgba（2332332331）；
右边框：10px实心#00eeb8；
高度：153px；
}
.绿顶{
边框顶部：10px实心#00eeb8；
}
/**********************************
*搜索栏
**********************************/
.搜索栏，.添加任务栏{
位置：绝对位置；
最高：100%；
左：0；
右：0；
背景色：rgba（0,0,0,0.6）；
z指数：10；
填充：30px；
文本对齐：左对齐；
}
.搜索栏输入{
宽度：90%；
背景色：rgba（255，255，255，0）；
边界：无；
颜色：#fff；
字体大小：30px；
利润率：0.15px；
}
.搜索栏s
<main class="row col-off-2 col-off-10" style="height: 529px;">

<nav class="menu col-2" style="display: flex; flex-direction: column; height: 100%;">

<a href="#" class="nav-inv-btn autoheight" style="flex-grow: 1;">