jQuery动态更改边距和浏览器大小调整大小

Question

我在相对div内有position:absolute的可拖动div。

<div id="parent" style="position:relative;">
  <div class="child1" style="position:absolute;margin-left:580;margin-top:109;"></div>
  <div class="child2" style="position:absolute;margin-left:300;margin-top:20;"></div>
</div>

位置（margin-left和margin-top）来自以下代码：

$('#iframe_main').contents().find('.child".$key."').draggable({ 
    containment:'#parent',
    scroll: false,
    drag: function(event) {
        o = $('#iframe_main').contents().find('.child').offset();
        p = $('#iframe_main').contents().find('#parent').offset();

        childtop = o.top - p.top;
        childleft = o.left - p.left;
        console.log(childtop + " " + childleft);
}});

我需要的是，绝对div 计算其margin-left和margin-top的动态值，以及width和height 的浏览器大小

我认为我必须除以#parent / 2吗？

var parentWidth  = $('#iframe_main').contents().find('#parent').width();

$(window).on('resize', function(){
$('#iframe_main').contents().find('.child').css('margin-left','parentwidth / 2');
});

我不能使用CSS，因为孩子们需要position:absolute。