多個div內底部div

Question

我有問題時，我將多個div與不同的高度對齊到底部。我希望所有div都處於最底層（即使是例子中的「closed chat」）。一種解決方案是使用

position: absolute; 
bottom: 0; 
right XXpx; 

但有沒有其他方法可以做到這一點？我不想用javascript設置正確的值。

這裏是我的榜樣 - http://jsfiddle.net/T3Evb/

Answer 1

這裏是我的解決方案：

Demo

我只是從.chat節點刪除float:right; ...並設置顯示屬性爲inline-block的。 ..然後使用垂直對齊

Answer 2

很容易： 將一個html標記作爲容器和一個絕對的，如下所示：

<div class="chat"> 
    <div class="chat_contain"> 
     <div class="chat_window"></div> 
    </div> 
    <div class="chat_contain"> 
     <div class="chat_window"></div> 
    </div> 
</div> 

和CSS：

.chat{ 
    width:auto; 
    display:inline-block; 
    position:fixed; 
    bottom:0px; 
    right:0px; 
} 
.chat_contain{ 
    position:relative; 
    float:right; 
} 
.chat_window{ 
    position:absolute: 
    bottom:0px; 
    left:0px; 
} 

記得我的代碼是設置的位置並不適用於所有的樣式表。 編輯它自己廣告祝你好運