在Javascript中设置边距顶部正在使div跳跃

Question

我有一个可以调整大小的网格。在这个表格中有一个div，我设置margin-top为div，因为外部div将被调整大小，即它的位置将根据高度和宽度而改变。目前div内部是隐藏的形式。

margin-left工作正常，但是当我使用Javascript设置margin-top时，它在页面加载时从顶部开始大约200px。如果我调整我的网格。它移动到margin-top为300px的位置。

当我尝试打开内部隐藏的div时，它会在起点（200px）处打开，然后突然飞到由js margin-top更改的新位置。如果我们调整大小，距离从左边增加，那么margin-top工作正常。

以下是关于我如何设置margin-top

的代码段

var offset = $('#maindiv').offset();

var yPosone = offset.top;
var offsetnew = $('#upperdiv').offset();
var yPostwo = offsetnew.top;

var top=parseInt(yPosone)-parseInt(yPostwo);


$('#innerdiv').css({ 'margin-top':top+"px"});

这是我的HTML：

<div id="upperdiv">
</div>
<div>
    <div id="innerdiv"></div>
    <div id="maindiv"></div>
</div>