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