Html 按钮未固定在my div'；s

我的html页面有一个div集合，其中每3个div放在一行中，下一行由下3个div组成，该行中所有3个div的div高度相同，我使用flex完成了这一工作，但我必须在页面底部放置一个按钮，但无法将其放在内容所在div的底部它们在本质上是动态的

---

我尝试过使用主div的position:relative并将按钮position:absolute设置为position:absolute，但是我的数据被按钮隐藏了，我认为如果您将所有代码都包含在一个div名称包装中，而按钮就在它之外

所以，在主div中，无论按钮的高度是多少，都应该是89px

您可以将按钮修复为：

.wrap {
    min-height: calc(100vh - 89px);
}

.button\u div{
位置：绝对位置；
底部：5px；
宽度：100%；
}
.运输内容组
{
职位：相对人；
身高：100%；
}
点击

---

如果您能向我们展示您的代码，那就更好了。我已经附加了一个图像，该代码用于隐藏内容，因为位置是绝对的。添加以下内容：

。配送内容地址{margin bottom:30px；}

检查您需要多少边距才能使外观好看：-）

.button_div {
    position: absolute;
    bottom: 5px;
    width: 100%;
}
.shipping-content-div
{
    position: relativ; 
    height: 100%;
}

<div class="button_div">
    <button class="form-control btn-default btn btn-click">Click</button>
</div>