html - 无法让 div 滚动 [css]

Question

我需要的是能够使用外部 div 滚动浏览消息。内部 div 位于外部 div 的底部，这样当添加新消息时(通过 JavaScript)，它们会从底部出现并上升……这是有效的，它只是不可滚动。

   <div id="outside">
    <div id="inside">
        <p>The quick</p>
        <p>brown fox</p>
        <p>jumps</p>
        <p>over the</p>
        <p>lazy</p>
        <p>dog.</p>
        <p>I'm on the bottom!</p>
        <p>I'm on the bottom!</p>
        <p>I'm on the bottom!</p>
        <p>I'm on the bottom!</p>
    </div>
</div>
<style>
#outside {
    height:150px;
    width:300px;
    position:relative;
    overflow-y:scroll;
}
#inside {
    position:absolute;
    bottom:0;
}
</style>

编辑:要实时查看它，请转到 http://io-chat.com:85/lobby聊天输出是我正在处理的，如果你继续发送消息，你最终会溢出输出。我现在让它滚动，但它在顶部创建了一个大的空白...

Answer 1

我可以通过向外部 css 类添加一个 top 属性或给内部类一个高度来让它滚动。我不确定我是否完全理解你想要什么。内部 div 中的每个都是一条消息，还是内部 div 中的每个段落都是一条消息？