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の1 つ
の 例を示します。 通常は次のように表示されます:いつも のように表示されるはずですが、 マウスをその上に置くと、次のように変わります: なぜそうなるのか? そして、それを防ぐために私は何ができますか？

Answer 1

すべての css で :hover を検索し、これを引き起こしている別のエントリがあるかどうかを確認します。親要素である可能性があります。