我該如何讓聊天從屏幕底部出現？

Question

這可能看起來像一個相當廣泛的問題，但在這裏。我在屏幕的左上角顯示聊天氣泡並帶有相關參考。所以當插入一個新的聊天泡泡時，它固有地被插入到之前的下方。我想要做的是讓聊天氣泡出現在左下角，然後氣泡向上移動，並且新消息位於底部角落。所以舊的消息將朝向頂端。

我應該用桌子做這個嗎？或者是什麼？我是新來的HTML5，但不是較老的HTML。我應該在哪裏尋找有關這方面的信息？有小費嗎？

Answer 1

簡單的CSS可以解決這個問題。剛分配這些規則的容器聊天氣泡：

.bubbles_container { 
    position: fixed; 
    bottom: 0; 
    left: 0; 
}