Javascript 在一个父div内水平匹配两个子div的内容

我在一个父div中有一个子div，就像这样

<div id="parent" style="background-color: #75941f;
    color: #FFF;
    border: 1px outset #4f6417;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;height:100%;width:100%;">

     <div id="child1" style="float:left;width:50%;text-align:center"></div>
     <div id="child2" style="float:right;width:50%;text-align:center"></div>

</div>

---

按照上面相同的过程，我也将对象放在另一个div中。但我的问题是，如果rand1变量将7个对象放在child1中，rand2变量将2个对象放在child2中，那么我如何将div的对象图像和level中的对象相互匹配？

这是关于需要两个具有相同图像的div吗？你是什么意思通过将div对象的图像以及级别中的对象相互匹配，举例绘图可能会有所帮助。@WebDevron是的，我在两个子分区中使用了相同的图像。@Sarialem我想在一个分区中显示这两个对象，与另一个子分区的7个对象对齐。在显示两个分区中显示的数字时，这两个分区中显示的数字也将在同一行中对不起，但我感到困惑。您没有在样式之后关闭父div标记。

var rand1 = Math.floor(Math.random() * 10) + 1,
        i;
function getImage(){
    var img = new Image();
    img.src = "apple_transparent.gif"
    img.width = 80;
    img.height=80;

    return img;
}
for (i=0; i<rand1; i++){
    $("#child1").append(getImage());
$('#child1').append('<img id="theImg" src="numbers/' + rand1 + '.png" width="260px" height="260px"/>');