Javascript 如何创建多行div方形图案

我试图在javascript中使用for循环创建一个5行div标记的模式。第一行应该有1个div，第二行应该有2个div，依此类推，直到最后一行有5个div。我现在得到的是一排15个div

<script>

    for (var i = 0; i < 5; i++) {
        for(var j = 0; j <= i; j++) {
            var div = document.createElement("div");
            document.body.appendChild(div);
        }
        var p = document.createElement("p");
        document.body.appendChild(p);
    }

</script>

对于（变量i=0；i<5；i++）{
对于（var j＝0；j），您可以简单地考虑<代码> BR>代码>标签来创建分离，不需要使用浮点，因为您必须在每行之后清除它：


for（变量i=0；i<5；i++）{
对于（var j=0；j是否需要进入p变量？
<style>
    div {
        width: 20px;
        height: 20px;
        border: 1px solid black;

        display: inline-block;
        position: relative;
        float: left;
    }
</style>