图像始终位于HTML屏幕的底部

Question

我在HTML世界中很新，所以这看起来像是一个愚蠢的问题。

我有这个图像，我总是希望在屏幕的底部。所以基本上即使你滚动它也会一直保持在屏幕的底部，重叠在下面的任何其他内容。

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

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

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

谢谢！

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

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