Chrome：将鼠标悬停在div上会移动相邻的div：如何找到罪魁祸首？

Question

在Chrome中，当我将鼠标悬停在某个div上时，相邻的divs会向左移动1px。当我点击我悬停的div时，相邻的divs会移回原位。

我想知道找出原因的最佳方法是什么？我检查了检查员中的相关divs，但看不出它为什么会发生这种情况。我缺少哪些Chrome固有的东西？

Issue can be seen here by hovering over the "Filter" box in the Office column.

Fiddle that's throwing a few errors.

编辑：一旦启用＆＃34;显示绘制矩形＆＃34;并将鼠标悬停在过滤器上，div（以绿色显示）看起来像是会产生红色箭头所在的小间隙：

Answer 1

这是你的标签：

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

使用display：onover-block on hover将不会在你的元素上移动其他div。

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

希望这有帮助。

Answer 2

发现导致问题的是select2的CSS。其中一个div溢出：可见的是向外推动其他div。