html - 将图片放在页面底部

我知道这是多余的问题，但我看到的答案是难以置信的。这么简单的任务需要多行代码？不可能。
我想把img保持在页面的末尾（不是显示屏幕的末尾-我现在有这个问题）。
当前，错误代码：

#footerimg {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index:-2;
}

我需要一个情况，当我将无法看到图像，直到我在页面底部滚动。
我不敢相信CSS中没有这样的选项，比如bottom-page:0px
编辑：

最佳答案

符合CSStransform属性-applytransform: translateY(100%)。
请参见下面的演示：

#footerimg {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index:-2;
  transform: translateY(100%);
}

<img id="footerimg" src="http://placehold.it/200x200"/>

编辑：
看看添加到问题中的图像，我认为您不需要定位——只需将img作为html标记中的最后一个元素。
一个可能的解决方案是：

.content {
  height: 120vh;
}
section {
  text-align: right;
}
img {
  vertical-align: top;
}

<section class="content"></section>
<section>
  <img id="footerimg" src="http://placehold.it/200x200" />
</section>

关于html - 将图片放在页面底部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41210971/