这个问题与以下内容完全相同：
这是我的页面：http://www.ostmoconstruction.com/portfolio.php
如果我将鼠标悬停在每行的第一张图像上，则生成的图像是div的完整大小，因此会将第二张图像推到可见度之外。
当我将鼠标悬停在第二张图像上时，我希望发生同样的事情。也许它会将第一个图像推到div层左侧之外并仅显示第二个图像。我尝试将定位设置为绝对开启和左侧：0;这似乎工作，但似乎也不稳定，并留下了第一个图像的标题（有时与第二个的标题相冲突）。
有任何想法吗？
我有一个解决方案您可以尝试冲突标题：
p a {
background:#FFFFFF;
}
我最终使图像的位置绝对并将其包裹在相对定位的div层中，然后给出两个负左边距以正确对齐。绝对定位允许我将它带到左边，相对定位允许我将另一个图像推到容器div之外。更多信息：Move onmouseover images to the left?