css，怎么固定图片不随浏览器的大小而改变位置。

Posted 2023-04-24

有两种可能：
1、css中有图片方面的定义，改一下；
2、后台编辑器上传的图片，可以查看一下编辑器包里的自带样式； 参考技术A 设置img的宽度和高度追问

已经设好了，但是还是不行

如何用css使一个用绝对定位的图片定位在网页一个具体位置,不随网页大小等改变位置!

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：img position: absolute;top: 100px; left: 200px;。

3、浏览器运行index.html页面，此时通过css实现了图片的绝对定位，距离左侧100px，顶部200px，不随网页大小而变化。

参考技术A 如果你使用绝对定位的话，
position: fixed;
top: 100px;
left: 10px;
width: 100px;
height: 220px;
这样你就可以使一个div或者图片固定在距离浏览左侧10px的地方，不随网页大小等改变位置。追问

这不是绝对定位呀！这是固定定位呀！我的意思是图片固定在一个地方，就算网页大小改变了，图片位置相对于网页依旧不变还是在那个位置！

追答

那你的问题就不对了，那你应该是相对定位，把div相对定位到某个地方，一直不变。可以用：
position: absolute;
父级用positiion: relative;

追问

弄好了！谢了！

本回答被提问者采纳 参考技术B position: fixed;
top: 5px;
right: 5px;
width: 200px;
height: 200px;