DIVランダムポジションを作るためにPHPを使用しようとしています。ここに私のコードです。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の位置を混在させることができます。しかし、私は2つの質問があります。
方法
15 pieces 100*100
、10 pieces 100*200
、5 pieces 200*100
のdiv混合ランダム表示を制御するには?空白部分の制御方法は?私はディスプレイゾーンにすべてのdivを表示したい。
width:1016px;height:1016px;
、div#display
から外れてはいけません。
ランダムな整数を生成されます* * 'のdiv#のdisplay'の外ではないんで手の込んだてもらえますか?あなたはdivをフローティングしているだけで、親の*外に*表示するべきではありません。 –
@ Jason McCreary、私はそうだと思っていますが、 'chrome'では、いくつかのdivは底部のdiv#displayから外れます。 –