如何在高度相等但是overflow-y可滚动的流体容器div内设置div

Question

我正在尝试创建一个聊天窗口，其中内部div水平滚动，可视区域填充容器div的高度。

<div id="container">
    <div id="messages" style="overflow-y:scroll; height:100%; width:100%; vertical-align:bottom"></div>
</div>

容器div的宽度和高度是流动的，消息div应该100％填充它。我不完全确定我需要容器......但是假设由于消息div的可分解性，我将需要一个容器。