Html 如何在底部显示粘性回复表单？

如何显示用于聊天的粘性回复表单？ 标记如下所示：

<div id="container">
  <div class="messages_container">
    <ol class="messages">
      <li>sample message here</li>
      <li>sample message here</li>
      <li>sample message here</li>
    </ol>
  </div>
  <div class="reply">
    <form>
      <fieldset>
        <textarea cols="60" rows="1" name="message"></textarea>
        <input type="checkbox" checked="checked">
        <input type="submit" value="Submit"/>
      </fieldset>
    </form>
  </div>
</div>

这里是示例消息
这里是示例消息
这里是示例消息

假设您的意思是希望表单粘贴到页面底部，而不管滚动位置如何。我将使用CSS对包含的元素应用固定的位置

.stuck {
    position: fixed;
    bottom: 0;
    z-index: 100;
}


<div class="stuck">
    <!-- Form goes here. -->
</div>

。卡住了{
位置：固定；
底部：0；
z指数：100；
}

此外，请记住，使用此方法时，您必须在页面底部应用足够的填充。否则，post表单将隐藏您的最后一部分内容。我将如何标记或设置邮件列表的样式，以使用#容器和.messages_容器高度的百分比来显示它？我不确定您在这里问什么，但我知道您使用百分比高度，父元素的高度必须显式设置为静态值（例如800px）。我布置聊天的方式是沿侧面和底部绝对定位框架元素，中间包含聊天消息。只有聊天信息容器滚动，而页面的其余部分保持原样。一个简单的方法是使用两个div，一个在顶部，占据了大部分屏幕，另一个在底部，包含表单。顶部的一个将绝对位于

top:0；右：0；底部：100px；左：0

和底部论坛div将是

右侧：0；底部：0；左：0；高度：99px；边框顶部：1px实心#000我将如何标记或设置邮件列表的样式，以使用#容器和.messages_容器高度百分比的滚动显示邮件列表？