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

标签 html css scroll absolute

我有以下元素:

enter image description here

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

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

enter image description here

最佳答案

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

溢出:滚动;

并将页脚放在 div 之外:

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

关于html - 位置绝对底部+滚动修复,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32905519/

相关文章:

html - 如何为带有 CSS 背景图片的按钮添加边距?

javascript - 如何使用 JavaScript 将 php 表单输入更改为数字?

html - 使用 bg-color 设置 p 元素的宽度以自动调整为文本长度?

javascript - 在移动设备中进行#选择后,我需要关闭下拉菜单

javascript - 像 Facebook 一样禁用带有叠加层的滚动

html - 如何使用 CSS 动画化边框过渡扩展?

javascript - jquery mobile 没有将 div 附加到内容

javascript - 想要在 js 越过某个位置时更改设置

javascript - 禁用移动设备上的滚动偏移

javascript - 使用 fullpage.js 在固定元素上滚动后添加或删除 css 类