在div底部放置按钮

Question

我的网页上有多个div。每个div都有一个按钮。 我的要求是将此按钮放在每个div的底部，而不管div的大小。  请给我一些解决方案。

Answer 1

将div包装在另一个div中，然后将按钮直接放在它后面，如下所示：

<div style="border: 1px solid black;">
    <div style="height: 300px;">
        Main contents of Div
    </div>
    <button>Hello</button>
</div>