【发布时间】：2013-04-08 06:50:47
【问题描述】：
当我将鼠标悬停在行上的最后一张图片上时，我无法理解为什么列会移动。 http://www.heritageglass.com.au/projects
在我的 Mac 上，它适用于所有浏览器。 在 Windows 7 中，它适用于最新版本的 IE 和 Chrome，它在 IE8 和 Chrome v26 中不起作用。 - IE8 中的客户端视图，所以我必须尽可能接近它。
很遗憾，我无法向您展示测试结果，因为它们是在我们服务器上的开发站点上完成的，但这是我尝试过的，但没有运气：
- DOCTYPE 有效。
- 将
<meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1" />添加到开发站点。 - 增加图像所在容器的宽度 （完整的作品集）。
- 消除最后一个孩子的 padding-right（但仅适用于 最后一张图片 - 没用）。
- 将负填充更改为负顶部和左侧。
- 位置：相对于静态和悬停状态。
- 消除边距并改为应用填充。
- 实际列上没有边框，只有图像。
有什么想法吗？
【问题讨论】：
-
你能确定文档类型之前没有插入任何东西吗？如果那里有任何东西，甚至是空白，IE 都会进入怪癖模式。在 Chrome 中查看源代码显示 doctype 不在第 1 行。
-
谢谢@Rob，我已经在 Wordpress 中检查了我的 header.php 文件及其第 1 行。在 header.php 文件之前是否有任何调用可以检查间距？
-
完成！不知道如何或为什么，但我在它调用标题之前删除了 wordpress 模板中的所有空格，这似乎完成了这项工作！谢谢！！
-
不客气。我会把它作为答案然后你可以接受它。
标签： windows internet-explorer google-chrome css hover