将按钮对齐到绝对DIV对话框的底部

Question

每个人都会询问如何在DIV中对齐元素，告诉他们容器必须具有relative位置。 就我而言，我有一个浮动对话框，位置absolute。如何使按钮元素始终贴在此对话框的底部？

<div class="dialog">
    <div class="dialog-content">
    </div>
    <button>Close</button>
</div>

Answer 1

尝试使用absolute定位bottom: 0px作为按钮。它将相对于button的父.dialog进行定位。

像这样：http://jsfiddle.net/0rohooj9/

Answer 2

您需要为对话框提供绝对尺寸，然后将按钮的position设置为absolute和bottom: 0;

以下是您的代码的小提琴： http://jsfiddle.net/erlingormar/d8sa43s8/