您可以将图像与位置对齐：与具有位置的图像相对：绝对？

Question

我在页面上有两个图像。第一张图片的位置为：相对，第二张图片位于第一张图片下方，位置为：绝对。是否可以将第二张图像与另一张图像对齐，以便它们的相对位置在放大或缩小时保持不变？

Answer 1

如果用浏览器缩放，崩溃的元素位置是一种普通的情况。所以我不建议你付出太多的关注。但在任何情况下，您的图片必须具有相同的父母，并具有“位置：相对”。

HTML

<div class="myImageContainer"> 
    <img class="positionedRelative" src="" alt="" /> 
    <img class="positionedAbsolute" src="" alt="" /> 
</div> 

CSS

.myImageContainer { position: relative; } 
img.positionedRelative { position: relative; } /* not necessary, try to remove */ 
img.positionedAbsolute { position: absolute; left: 0; top: 0; } 

左：0; top：0; - 插入你自己的价值观。

Answer 2

Something like this？