jQueryは使用しないでください-JavaScriptのみ、またはそれ以上の場合はCSSのみ
ここで問題を確認できます。divのサイズを変更してみてください。
動的なコンテンツがあり、ユーザーがサイズを変更できるようにする必要がある一連のdivタグがあります。内部コンテンツにホバーイベントがある場合、イベントを取得し、ユーザーはサイズを変更できません。動的コンテンツは任意のサイズにすることができます-通常は外側のdivよりも大きくなります。これをcssで解決したいのですが、外側のdivにパディングやマージンを追加しても効果がないようです。これは、最新のFirefoxとChromeでのみ機能する必要があります。これは正確なコードではありませんが、問題を示しています-少なくともFireFoxでは:
<head>
<style>
#inner:hover {
display:block;
color:#FF00FF;
background-color:grey;
width:500px;
height:400px;
}
</style>
</head>
<div id="outer" style="resize:both;width:20px;overflow:hidden;">
<div id="inner" style="width:90px;height:90px;">
foobar<br>
foobar<br>
foobar<br>
foobar<br>
foobar<br>
foobar
</div>
</div>