如何设置Facebook私人消息等对话的风格

Question

我正在网站上的用户之间设置私人对话。我喜欢Facebook私信消息UI，并计划以类似方式实现它。

由于它使用不同的css位置以正确对齐屏幕上的元素，因此我很难尝试实现此功能。这是我的问题总结。

1. 宽度应为放置位置的可用宽度的100％。多数人主要是汽车。
2. 高度应从当前点开始直到页面结束。如果我使用position: fixed，我会以某种方式丢失点（1）的自动宽度，并需要手动设置它。
3. 这是最棘手的。如何在底部定位写入消息，然后根据容器高度和写入消息的存在使消息在其容器内具有自动高度？