所以我正在用Reaction编写一个前端，我有一个如下所示的聊天窗口
<div id="outer-wrapper">
<div className = "chat-window-wrapper">
<div className="chat-window">
<!-- chat messages go here -->
</div>
<div className="chat-window-textarea"></div>
</div>
<div id="element-below">
<!-- other stuff -->
</div>
</div>
在我使用Reaction从可观察到的消息数组中呈现消息的chat-window div中，chat-window中的每个消息看起来如下所示:
<div>
{messageStr}
</div>
我根据Reaction中的消息数量计算了chat-window-wrapperdiv的高度，它运行得很好，我有一个最大高度，外部div可以扩展到这个高度.我正在努力让chat-window-wrapper的内部看起来很好
- 我需要
chat-window-textarea保持固定在底部，目前它位于消息的中间，下面有很多空白空间 - 我需要
chat-window-wrapper才能向上扩展，目前如果我达到最大高度，窗口就会开始向下扩展，下面的元素就会被推出屏幕.如果chat-window-wrapper达到最大高度，我想让chat-window滚动
我正在合作一个更大的项目，所以我目前将outer-wrapper和element-below视为一个黑盒，但如果绝对必要，我可以更改这些元素上的css
我该如何用css来做这件事呢？ 我已经try 了很多东西，如果需要的话，我可以发布我的简陋的css文件，但我想我无论如何都要从头开始.任何建议，即使只是一个很小的建议，我们也会感激
谢谢