javascript - Divは一列に並んでいますか？

Question

私はこのスクリプトを持っていますが、問題は、作成された div をページ上でランダムに浮動させる方法が見つからないことです。彼らは左隅にとどまります。ボディの寸法を変更する必要がありますか、それとも位置を変更する必要がありますか? 何かが彼らを妨げていると思います。
もう一つ。あなたの誰かがコードを修正し、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";
}