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

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

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

我的问题是：当我将鼠标放在这些Div上时，它们的宽度会缩小。
现在以这些Divs之一为例。
通常看起来像这样：

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

为什么会这样呢？
而我该怎么做呢？

最佳答案

在所有CSS中搜索：hover，看看是否有其他条目导致此问题。它可以是父元素。