Flexbox儿童身高

Question

我正在尝试标记待办事项列表。我正在尝试将div.main-tasks height设置为div.tasks，以便div.main-tasks填充整个div.tasks并且无法弄清楚如何执行此操作 pic

我正在使用bootsrap 4 flexbox。请帮我找到解决方案。请求建议

这是codepen https://codepen.io/enoltc/pen/NwLwmO

Answer 1

尝试添加

<div class='parent'>
  <div id='SkypeButton_Call_dsdsaf_1'></div>
</div>

on .task div

 height:calc(100vh - 80px);