css - 溢出滚动不适用于绝对定位的元素

标签 css scroll overflow css-position chatroom

我正在尝试制作一种聊天室。当新消息到来时,之前的消息会向上移动并在离开 div 时消失。

我想让 div 可以滚动以查看以前的消息,但是 overflow: scroll 不起作用。

我尝试将元素设置为 position:relative 而不是 absolute,但随后元素将自己定位得很困惑。

这是我的:https://jsfiddle.net/2Lgq1zfa/1/

最佳答案

我检查了你的代码,但没有为 js 或 html 定义的 .ventana 类。但是,要使滚动在绝对定位的元素上起作用,您应该定义宽度和高度,以便浏览器识别何时发生溢出。

希望这就是您所需要的。 ;)

关于css - 溢出滚动不适用于绝对定位的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55141039/

相关文章:

css - 仍然对 Bootstrap 3 中的网格感到困惑

html - 显示宽度为 : table. 的等高列

jquery - 如何在预制图库中自动调整照片大小?

javascript - 使用 overflow-x 在 div 中设置 x 滚动位置的纯 javascript 方法

html - 表边界半径溢出 : hidden hides table border

javascript - 选择你自己的冒险作业

css - 允许站点内容在固定定位元素下方滚动

html - 自动高度 div 溢出并在需要时滚动

html - 使内联 block 水平拉伸(stretch)容器

css - 在另一个图片上显示图片