javascript – jQuery：基于容器中元素数量的CSS保证金？

我需要做的是在每个元素(拼贴画)之间留出1％的余量.

但与此同时,我需要拼贴从他们的容器中获得0余量.

我希望这是有道理的.

我创建了这个FIDDLE,所以你知道我的意思.

当您运行代码时,只需单击按钮4次,您应该看到在容器内创建的拼贴画非常精细但是它们的容器与其子元素之间有一个边距,这是不需要的.

有没有办法解决这个问题？

这是我的代码：

$('#colBtn').live('click',function(){

    $('.lable').show();
    $('#reset').show();
    $('#fileField').show();
    $('#sbs').show();
    var width = $('#width').val();
    var height = $('#height').val();

    $('#main').append('<div class="droppable" style="width:'+width+';height:'+height+';overflow: hidden;  position:relative;float:left; margin:1%;"></div>');


    $('#layout').text($('#main').html());
    return false;
});