將按鈕對齊到絕對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/