css - 使文本从底部开始

Question

我将尝试简化我的问题以使其更易于理解。

我希望能够在页面底部的文档中添加文本行（使用 javascript）。
当新行被推入时，它被添加到底部，将所有先前的行向上推。

文档应该被填充，当内容溢出时，旧的行（顶部的）应该被隐藏或使用滚动，在这种情况下它应该滚动到底部。

我已经尝试了一段时间，但我没有任何优雅的解决方案。
有任何想法吗？CSS3 非常受欢迎。

谢谢。

Answer 1

默认情况下有一个 HTML 元素执行此操作，它是 UL 只需将其包含在一个固定高度的 div 中并溢出，并且将重点放在最后一个 LI 上！