Question

我有一个指定可调整大小的div

当我第一次开始调整它的大小时，它的父div突然变大了，突然出现两个滚动条

这种现象发生在FireFox中，在safari和chrome中它运行良好..

谁能告诉我如何解决它？

更多细节：

我有这样的结构：

<body>
<div id="content">
    <div id="noteboard">
        <div id="note"></div>
    </div>
</div>
</body>

noteboard是一个与内容一样大的大板，也与文档一样大。

然后，注意是一个div draggable。

然而，当我第一次开始拖动音符时，内容div突然改变它的大小。

一开始，内容为991 * 838

当我单击鼠标并移动时，内容的大小更改为976 * 838

#content{
    z-index:0;
    position: relative;
    width: 100%;
}

#noteboard{
    position: relative;
}

#note{
}

注意css是空的，但它有类ui-draggable和ui-resizable的jquery-ui，我把它设置为可拖动和可调整大小......

Answer 1

尝试将parent的overflow CSS参数设置为hidden。

例如：

<div id="parent" style="overflow: hidden;"> 
  <div id="resizable"/> 
</div>