css - 动态 Div 在鼠标悬停时更改宽度

Question

在我的元素中，我有一些动态生成的 Divs。
定义这些 Div 的代码如下所示:
"<div class=\"DivStyle\" runat=\"server\" \">";
DivStyle类看起来像这样:

.DivStyle:hover  
{  
    display: inline-block;  
    border: 3px solid rgb(242, 209, 153);  
    border-style: dashed  
}  

我的问题是:当我将鼠标放在这些 Div 上时，它们的宽度会缩小。
下面是这些 Divs 中的一个的示例。
通常它看起来像这样:

这应该看起来像总是...
但是当我的鼠标悬停在它上面时，它变成了这样:

为什么会这样？
我能做些什么来防止它？

Answer 1

在你的所有 css 中搜索 :hover，看看是否有另一个条目导致了这个。它可以是父元素。