使用javascript / css防止方块重叠

Question

我只想防止随机div重叠。我尝试添加边距，向左浮动，并添加边框。到目前为止，没有任何工作。

http://jsfiddle.net/QcUPk/2349/

(function makeDiv(){
    var divsize = ((Math.random()*100) + 50).toFixed();
    var num = 2;
    var percent = 10;
    var color = '#'+ Math.round(0xffffff * Math.random()).toString(16);
    $newdiv = $('<div/>').css({
        'width':divsize+'px',
        'height':divsize+'px',
        'background-color': color,
        'border':num+'px'
    });

    var posx = (Math.random() * ($(document).width() - divsize)).toFixed();
    var posy = (Math.random() * ($(document).height() - divsize)).toFixed();

    $newdiv.css({
        'position':'absolute',
        'left':posx+'px',
        'top':posy+'px',
        'display':'none'
    }).appendTo( 'body' ).fadeIn(1000, makeDiv).delay(4000).fadeOut(200, function(){
       $(this).remove();
    }); 
})();