将按钮对齐到绝对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/