javascript - DIV は表示されませんか? JavaScript

Question

単純な関数で作成した 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 がここにあります。