html - 位置绝对底部+滚动修复

Question

我有以下元素:

其中“1 条评论”按钮容器相对于相对定位的主容器是绝对定位的。问题是当我调整它的大小并向下滚动时，“1 条评论”按钮容器上升了几像素。我希望它保持在底部。就像固定在主容器上的粘性页脚。我不想为此使用 javascript。

您可以实时查看代码，here .

Answer 1

将所有内容放在一个 div 中:

溢出:滚动；

并将页脚放在 div 之外:

position:absolute；底部:0；宽度:100%； margin :0；填充:0;