onmouseover在css效果中向下推图像，无法弄清楚显示：内联块代码

Question

在使用CSS效果mouseover重新调整图片大小时遇到​​问题。我知道网站上有一些问题存在同样的问题，而且它与我也使用的float: left代码有关，但是我的代码有点不同，因为我有其他效果，看起来不行让display: inline-block代码适合我的情况。

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

1. 我有一个4张图片的窗口打开onmouseover， 然而，当最右边的图像打开时，它会下降 下。如何阻止浏览器执行此操作？
2. 第二个问题是如何制作其他3幅图像 当悬停在第4张图片上时？

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

http://mycodeonline.blogspot.nl/

Answer 1

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

http://jsfiddle.net/7HnzF/

我在它周围增加了一个额外的div和几个类。一个是图像移入的div，因此它们不会碰到边缘而是下降。 <div class="window"></div>您可以将px宽度设置为您需要的宽度。该div的溢出将被隐藏。