Javascript 持续创建div'；s

我想连续创建

div

，如果它在JavaScript中达到外部

div

的宽度，而不使用

canvas

和

float

，它应该出现在下一行

for(i = 0; i < 20; i++) {
    var ind = (Math.round(Math.random(0,2)*2));
    var child = document.createElement("div");
    child.setAttribute("id","div"+i);
    child.style.backgroundColor=colors[ind];
    maindiv.appendChild(child);
}

（i=0；i<20；i++）的

{
var ind=（数学四舍五入（数学随机（0,2）*2））；
var child=document.createElement（“div”）；
setAttribute（“id”、“div”+i）；
child.style.backgroundColor=颜色[ind]；
主分区附属儿童（儿童）；
}

您可以使用

显示：内联块css属性。提及


var maindiv=document.getElementById（'parent'）；
对于（变量i=0；i<100；i++）{
var ind=（数学四舍五入（数学随机（0,2）*2））；
var child=document.createElement（“div”）；
setAttribute（“id”、“div”+i）；
setAttribute（“类”、“内联”）；
child.innerText='div'；
//child.style.backgroundColor=颜色[ind]；
主分区附属儿童（儿童）；
}
.inline{
显示：内联块；
}
不带
浮动
？为什么会这样？