所以，我有这张带有 CSS 样式的图像：
.city1 {
position: absolute;
/* float: left; */
top: 34px;
left: 170px;
}
<a href="malmo/">
<img class="city1" src="images/city.png" alt="Malmö">
</a>
问题是当我使用position: absolute;我调整浏览器的大小，它改变了位置。
您现在可能会说这是因为它是绝对位置，并且当您调整大小等时它会跟随浏览器，但是我该如何解决这个问题以使其不移动？
谢谢你！
具有绝对位置的项目应该位于块元素内position:relative。例如，您可以尝试将您的<a ..><img /></a> in a <div>像这样：
#cont {
position: relative;
width: 600px;
height: 600px;
}
#cont a {
position: absolute;
top: 34px;
left: 170px;
}
<div id="cont">
<a href="malmo/">
<img class="city1" src="images/city.png" alt="Malmö">
</a>
</div>
现在，即使您调整浏览器的大小，它也应该保持在固定位置。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
