DIV不可见？的JavaScript

我使用简单的函数创建的div存在问题。我可以在控制台中看到它们具有颜色并且位置良好。但是它们没有显示在浏览器上吗？

function CreateDivs(){
        var dfrag = document.createDocumentFragment();
        var divNumbers = 5;
        var i = 0;
        var angle = 0;
        for(i=0; i < divNumbers; i++){
            x = 100 * Math.cos(angle) + 200;
            y = 100 * Math.sin(angle) + 200;

            var div = document.createElement("div");
                div.style.left = x + "px";
                div.style.right = y + "px";
                div.style.borderColor = rndColor();
                div.style.backgroundColor = rndColor();

                dfrag.appendChild(div);
                }
                divWrapper.appendChild(dfrag);
            }

我使用一个简单的函数rndColor（）;

 var createButton = document.getElementById("div-generator");
 var divWrapper = document.getElementById("wrapper");

在这里工作的JsBin。