图像始终位于 HTML 屏幕底部答案

【问题标题】：Image always at bottom of screen in HTML图像始终位于 HTML 屏幕底部
【发布时间】：2013-06-11 17:26:03
【问题描述】：

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

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

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

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

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

谢谢！

【问题讨论】：

您是否正在寻找类似的东西jsfiddle.net/uw8f9参考这篇文章：stackoverflow.com/questions/8824831/…
与@hmrgv 提供的类似示例：jsfiddle.net/A4BWX
Jakker 的 jsfiddle 的扩展。我认为这听起来更像你想要的：jsfiddle.net/A4BWX/3

标签： html image footer

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

在 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
}

【讨论】：