CSS定位图片位置问题？？ 图片到底如何定位，我的图片位置随着网页窗口的大小改变位置
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS定位图片位置问题？？ 图片到底如何定位，我的图片位置随着网页窗口的大小改变位置相关的知识，希望对你有一定的参考价值。
看见上面三个图片了吧，随着网页窗口的变化，那个绿色的小人位置也在变化，我就是想能固定住这个小人的位置，不随窗口的变化而变化。
我自己网上找的简单代码，我对代码是外行，请求指点：
html里面的代码是： <div id="div1">
CSS里面的代码是：#div1 position:absolute; top:0px; right:0px;width:150px; height:150px;background:url(1.png);
实在不知道怎么修改，求指点，最好能给我完整的代码，别给我大概思路，我不内行，谢谢了！
#div position:relative;
#div1 position:absolute; top:0px; right:0px;width:150px; height:150px;background:url(1.png);
</style>
<html>
<body>
<div id=“content">
<div id="div1">
这里是div1的内容
</div>
</div>
</body>
</html>
注：将父窗口div的position属性设置为相对定位，div1的position设置为absolute，则div1会相对于父窗口进行定位。追问
这个代码是直接加入就行吗？？
#div position:relative;
#div1 position:absolute; top:0px; right:0px;width:150px; height:150px;background:url(1.png);
这部分加入到CSS文件里吗
这里是div1的内容（这里是要添加什么吗？？）
这部分加入到HTML文件里吗
嗯嗯，没错，就是你说的那样，加进去就行。
参考技术B 如果这样的话不需定位…直接改成页头背景，和你那个背景图融为一体，这样做的话你就需要重新布局下页面了，但如果你缩小浏览器窗口的时候会看不到… 参考技术C 如果这个小人要跟大图片固定位置，那这个小人你可以根据那个大图来定位。给这个大图片一个相对定位
<style>
.bigImgposition:relative;
.smallImgposition:absolute;top:-20px;right:20px
</style>
<div class="bigImg">
<img src="大图"/>
<div class="smallImg"><img src="小图"/></div>
</div>
类似这样的格式。 具体位置你在换数字就行了 参考技术D 请贴完整代码上来
以上是关于CSS定位图片位置问题？？ 图片到底如何定位，我的图片位置随着网页窗口的大小改变位置的主要内容，如果未能解决你的问题，请参考以下文章