css - 动态 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 中搜索 :hover，看看是否有另一个条目导致了这种情况。它可能是一个父元素。