从下到上堆叠 div答案

【问题标题】：Stack divs from bottom to top从下到上堆叠 div
【发布时间】：2013-07-28 16:31:22
【问题描述】：

我正在创建一个聊天应用程序，需要像在 Skype 中那样，从下到上对齐来自用户的消息。

找到了解决方案here，但它有几个缺陷。

我在 CSS 方面的体验很差，我在解决这两个问题时遇到了麻烦。有人可以指出解决方案吗？

【问题讨论】：

标签： css html

【解决方案1】：

如果您提供了自己的 jsfiddle，可能会更容易。但无论如何，我试图通过 @IlyaStreltsyn jsbin 来回答你的问题。

您可以将位置固定并设置垂直对齐底部并从底部应用间隙。这里我使用了0px进行演示。

.wrapper {
  display: table-cell;
  vertical-align: bottom;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 300px;
}

【讨论】：