0

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>
4

0 に答える 0