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

Question

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

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

我的问题是：当我将鼠标放在这些Div上时，它们的宽度会缩小 现在按照一个这些Div的示例 通常它看起来像这样：

这应该看起来像总是 ...
但当我的鼠标悬停在它上面时，它会改变为：

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

Answer 1

搜索所有你的css：悬停，看看是否有另一个条目导致这个。它可以是父元素。