我创建了这个图片库，在悬停时会显示图像，但是显示的图像在我打开它的每台计算机/浏览器中都位于不同的位置，但是对于我一生，我不知道为什么。
我只希望显示的图像出现在中间，而不位于其他图像的顶部，但是当我在一台计算机上将其设置为该设置时，另一台计算机上的显示却有所不同。
我是编码的新手，所以我真的希望有人能帮上忙。这是我的代码笔的链接：image gallery
[1]: http://codepen.io/zenturtle/pen/ezDGC
最佳答案
为了保持一致的位置，您需要给#perimeter div position: relative，以便大图像的位置将始终与包含div的位置有关，后者具有固定的宽度。否则，定位是相对于浏览器/视口的，这意味着它会根据浏览器的大小/宽度而有所不同。
#perimeter {position: relative;}
您现在可能必须调整所有大图像坐标。但是，有更有效的方法可以做到这一点。您应该能够使用一条CSS规则放置所有这些图像，而不是将每个图像单独放置。