按钮没有固定在我的div的div的底部

Question

here the image that is result i m getting

Expected result i need

我的html页面有div的集合，其中每个3个div放在一行中，下一行包含接下来的3个div，div的高度对于行中的所有3个div都是相同的，并且我已经使用了flex但我必须在页面底部放置一个按钮，但是不能将它放在div的底部，其中内容是动态的

我试过使用位置：主div的亲戚并制作按钮位置：绝对但我的数据然后被按钮隐藏

Answer 1

我认为如果你在One div名称换行中包含所有代码，而按钮就在它之外。

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

您可以将按钮修复为：

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

Answer 2

.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>

https://jsfiddle.net/he2owrar/2/