javascript - Div 都排成一排吗？

Question

我有这个脚本，问题是我找不到一种方法来使创建的 div 随机 float 在页面上。他们呆在左边的 Angular 落里。我需要改变 body 尺寸或改变位置吗？我猜有什么东西阻止了他们。
还有一件事。如果你们中有人愿意修改代码并按照 JavaScript 中的最佳实践重写代码，我们将不胜感激!

(function create() {
    var docFragment = document.createDocumentFragment();
    var count = 5;
    var i = 0;
    for (i = 0; i < count; i++) {
        var numerousDivs = document.createElement("div");
        docFragment.appendChild(numerousDivs);
    }
    document.body.appendChild(docFragment);

    var fiveDivs = document.getElementsByTagName("div");
    for (i = 0; i < fiveDivs.length; i++) {
        div = fiveDivs[i];
        alter(div);
        moveDivs(div);
    }
}());

function moveDivs(div) {
    div.style.position = "absolute";
    var topPos = parseInt(Math.random() * (maxHeight - 40));
    div.style.top = topPos + "px";
    var left = parseInt(Math.random() * (maxWidth - 100));
    div.style.left + "px";
}

Answer 1

div.style.left + "px"; 应为 div.style.left = left+"px";。