扩展flexbox子项以适应容器高度

Question

我目前正在尝试设置一个模态，并且需要将一个按钮放在div的底部。这是在其他一些元素中，而且我注意到的是，在某些时候，flex-grow和justify-content似乎停止调整内容。

Flexbox是否在无限深度工作？或者有没有时间它因为太多元素而拒绝调整大小？

<div class="modal" style="display:flex; flex-direction:column;">
<div class="modal-header"style="flex-grow:1;"></div>
<div class="modal-row" style="display:flex;flex-grow:18;">
    <div class="modal-page-left"></div>
    <div class="modal-content"style="display:flex;flex-direction:column;">
        <div class="content-title" style="flex-grow:1"></div>
        <div class="content-image"style="flex-grow:18"></div>
        <div class="content-button"style="flex-grow:1"></div>
    </div>
    <div class="modal-page-right"></div>        
</div>
<div class="modal-footer hidden" style="flex-grow:1;"></div>

我基本上需要的是内容按钮位于按钮上。应该注意的是，模态页脚实际上是隐藏的，因此忽略了它的弹性增长。