动态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  
}  

我的问题是:当我把鼠标放在这些Divs上时，它们的宽度会缩小。

下面是这些Divs的one的一个示例。

通常情况下是这样的：

这就是应该一直看起来的样子..。

但当我的鼠标盘旋在上面时，它就会变成这样：

为什么会发生这种事？

我能做些什么来阻止它呢？

Answer 1

搜索您所有的css :悬浮，看看是否有另一个条目是造成这种情况的。它可能是一个父元素。