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);
            }

---

我想你的沙发没有宽度和高度

设置div的宽度和高度

div.style.width = "100px";
div.style.height = "100px";

你的div是“空的”

你可以

• 设置一个内容，以便获得一个高度（）：

• 设置高度而不是提供内容（）：

• 将后一种方法与CSS类（）相结合：

---

你能创建一个JSFIDLE来显示你的问题吗？你能做一个JSFIDLE吗？控制台上有错误吗？可能是

divWrapper

的作用域问题，例如：对不起，我是新手@HenryLynx您的代码运行良好。只要给一些高度或给背景颜色

div.style.width = "100px";
div.style.height = "100px";

div.innerHTML = "A";

div.style.height = "10px";

div.className = "my-div";

.my-div {
  min-height: 20px;
}