从底部到顶部堆叠div

Question

我正在创建一个聊天应用程序，需要通过Skype从头到尾调整用户的消息。

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

1. 容器的高度是固定的高度，我需要覆盖窗口的所有可用高度（如果我使用高度：100％，它会完全收缩）。
2. 邮件项目的高度是固定的，我需要它来调整其内容高度。

对CSS经验不佳我遇到了解决这两个问题的麻烦。 有人能指出解决方案吗？

Answer 1

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

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

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

jsfiddle demo