html - 图像始终位于 HTML 屏幕底部

Question

我是 HTML 世界的新手，所以这似乎是一个愚蠢的问题。

我有这张我一直想在屏幕底部的图像。因此，基本上即使您滚动它，它也将始终保持在屏幕底部，与下面可能存在的任何其他内容重叠。

让图像从底部开始是没有问题的，我只是给了它位置并且它起作用了，但是当你向下滚动时，它最终会被滚动出屏幕，这是我不想要的。

我做了一些谷歌搜索，发现它应该与页脚有关，但我从来没有让它工作，这就是我到这里的原因！

所以再次对这个非常基本的问题感到抱歉，但我真的需要这个问题的帮助！

谢谢！

Answer 1

您的问题非常含糊，您没有要查看或协助的代码。这就是您收到反对票的原因。

对我来说，听起来你想要在网页底部放一张图片（但不一定是页脚栏）。如果是这种情况，您可以通过将图像位置设置为“固定”来实现此目标，这意味着它不会移动。并将底部和左边距（或右边距）设置为您想要的任何内容。

在 HTML 中设置样式：

<img style="position: fixed; bottom:0; left:0;" src="image_location"/>

单独使用 CSS 文件：

<img src = "image_location">    //html file

//below is the CSS applying to all <img> in the html.
img {
    position: fixed;
    bottom:0;
    left: 0
}

Answer 2

您在寻找粘性页眉/页脚吗？如果是这样，这可能会有所帮助。请务必查看 jsFiddle 链接。