将文本保留在移动设备的页面底部

Question

根据这个问题：How to put text in the upper right, or lower right corner of a "box" using css，我创建了这个代码：

#copyright {
  position: absolute;
  bottom: 0;
  right: 2;
  width: 100px;
  text-align: center;
}

#creator {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100px;
  text-align: center;
}

在计算机上它工作正常。但是，当我通过 Google 的 Chrome 手机模拟器对其进行测试时，滚动后文本不会像粘性页脚那样进入底部。我创建了一个JSFiddle，但似乎无法重现该行为，所以我截图了：

有什么想法吗？

Answer 1

您想使用position: fixed，而不是absolute。

Answer 2

您可以将position: relative 添加到body 元素中。

body {
  position: relative;
}

这样做时，#copyright/#creator 元素将相对于body 元素绝对相对定位，这就是您在本例中想要的。