css - css效果中的onmouseover将图像向下推，无法弄清楚显示：inline-block code

Question

CSS使用效果调整图像大小时出现问题mouseover。我知道网站上有一些问题有同样的问题，这与float: left我也在使用的代码有关，但是我的代码有点不同，因为我有其他效果并且似乎无法获取display: inline-block代码适合我的情况。

我认为它可能像一行代码一样简单，但我没有看到它。

1. 我打开了一个包含 4 个图像的窗口onmouseover，但是当最右边的图像打开时，它会下降。如何防止浏览器这样做？
2. 第二个问题是当悬停在第 4 张图像上时，如何使其他 3 张图像变窄？

感谢任何帮助。这是代码：

http://mycodeonline.blogspot.nl/

Answer 1

您可能需要使用 CSS 溢出来实现您所说的。这是使用您的代码设置的示例。

http://jsfiddle.net/7HnzF/

我在它周围添加了一个额外的 div 和几个类。一个是图像移动的 div，这样它们就不会碰到边缘并掉下来。<div class="window"></div>您可以根据需要设置 px 宽度。该 div 的溢出将被隐藏。