我試圖用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>';
?>
我的代碼可以混合div的位置。但我有兩個問題。
如何控制
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'中。 –