Html Chrome:悬停在div上移动相邻div:如何找到罪犯？

在Chrome中，当我将鼠标悬停在某个div上时，相邻的div将向左移动1px。当我单击悬停在上面的div时，相邻的div将移回其原始位置

我想知道找出为什么会发生这种情况的最好方法是什么？我已经检查了inspector中的相关div，看不出发生这种情况的任何原因。Chrome是否有一些固有的东西我遗漏了

编辑：启用“显示绘制矩形”并将光标悬停在过滤器上后，显示为绿色的div看起来会在红色箭头所在的位置创建一个小间隙：

这是您的标签：

mytag {
    text-decoration: none;
    color: #5695F3;
}

使用display:inlineblock悬停将使悬停元素时不移动其他div

mytag:hover {
    color: #00287D;
    text-decoration: underline;
    display:inline-block;
    text-indent:0px;
}

---

希望这有帮助。

发现是select2的CSS导致了问题。div的一个溢出：visible将其他div向外推。

FWIW，我在任何浏览器中都没有看到这个问题。您使用的是什么版本的Chrome？Chrome 38.0.2125.101。确保页面加载时光标不在filter div上，然后将光标悬停在其上。您将看到左侧的div向左移动1px。有一段时间没有人发表评论，但我想回应@trnelson关于在不运行扩展的情况下检查页面的建议。我曾经有过很多奇怪的时刻，事情在不应该的时候发生了变化，而罪魁祸首通常是一个Chrome扩展注入了一些CSS，以某种方式进行了干扰。我能够修复它，是select2的CSS造成了问题。与div的一个溢出有关：可见。谢谢大家的帮助。@Eric你应该把它作为你自己问题的答案贴出来。你不会得到赏金，但它至少会通知人们这件事已经解决了。