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";。