我正在尝试将图像放在页面的右下角并让它始终存在。我已经设法做到了这一点，但是在缩小浏览器窗口时遇到了问题（在使用较小屏幕的不同建议中查看它时，这也是一个问题）。当我使浏览器变小时，图像保持相同的大小，并最终与其他项目重叠（例如我的菜单）。有没有办法让图像与浏览器一起自动变小？
我用来将图像放在右下角的 css 代码如下所示：
display:block;
float:right;
bottom:0;
right:0;
width:340px;
该图像是放置在我的 html 中的 div 内的 png 图像。
我希望有人能理解我的意思并帮助我！
您可以为图像指定宽度百分比而不是像素宽度。然后，当您调整窗口大小时，它将调整大小。尝试设置width: 20%为起点，看看会发生什么。
You can try this
<html>
<style>
img{
position:absolute;
bottom:0;
right:0;
max-width: 100%;
height: auto;
width: auto;
}
</style>
<body>
<img src="slide2.jpg"/>
</body>
</html>
resizing browser also resizes image, and is always at bottom.
在这种情况下不要使用浮动，您的定位应该是绝对的，并且不要设置基于像素的大小。如果你想设置它的大小，你可以按百分比来设置，但是，也许最好的解决方案是为不同的屏幕大小设置不同的主题。
使用%图像的宽度和高度值应该可以工作。