PHP随机DIV问题

我尝试使用PHP来创建DIV随机位置。这是我的密码

<?php
function DIV1()
{
    $choose = array("left", "right");
    $rand_keys = array_rand($choose, 1);
    echo "<div class=position1 style=\"float:left;width:100px;height:100px;background-color:#00f;float:".$choose[$rand_keys].";border:1px solid #000;\"></div>";
}
function DIV2()
{
    $choose = array("left", "right");
    $rand_keys = array_rand($choose, 1);
    echo "<div class=position2 style=\"float:left;width:100px;height:200px;background-color:#f00;float:".$choose[$rand_keys].";border:1px solid #000;\"></div>";
}
function DIV3()
{
    $choose = array("left", "right");
    $rand_keys = array_rand($choose, 1);
    echo "<div class=position3 style=\"float:left;width:200px;height:100px;background-color:#ff0;float:".$choose[$rand_keys].";border:1px solid #000;\"></div>";
}

echo '<div id="display" style="width:1016px;height:1016px;background-color:#333;">';
    $count = Math.floor(rand()*25) +15;
    for ($i=0; $i<$count; $i++)
    {
        echo DIV1();
        echo DIV2();
        echo DIV3();
    }

echo '</div>';
?>

我的代码可以混合divs位置。但我有两个问题

如何控制

15件100*100

，

10件100*200

，

5件200*100

divs混合随机显示

如何控制空白部分？我要显示显示区中的所有div<编码>宽度：1016px；高度：1016px，请勿退出

div#显示

$size=array（）；
对于（$i=0；$i<15；$i++）{
阵列推送（$sizes，$array（100100））；
}
对于（$i=0；$i<10；$i++）{
阵列推送（$sizes，$array（100200））；
}
对于（$i=0；$i<5；$i++）{
array_push（$size，$array（200100））；
}
对于（$i=0；$i<30；$i++）{
//使用array_rand（）从$sizes中选择一个随机条目并回显div
}

考虑到div的宽度和高度，只要让它得到一个随机的顶部并留在这些边界内就可以了。

，您可以使用这个函数

例如：

if (rand(0,10) == 1 )
{
    $sizes = 200;
}

---

rand（）是生成一个随机整数的

，您能详细说明一下不要超出

div#显示

？您只是在浮动div，它们不应该显示在父对象之外。@Jason McCreary，我认为是这样，但是在

chrome

中，一些div将显示在底部的

div中。
函数名必须是行
array\u push（$size，$array（100100）；
。。。
if (rand(0,10) == 1 )
{
    $sizes = 200;
}