php - 私のdivは逆さまです

Question

そのため、いくつかの値をループして、それらを div 内のグラフ形式にしています。ただし、何らかの理由で、それらは div の上から下に向かっています。どんな助けでも大歓迎です！

<div id="div1" style="height:50px;width:70px;background:yellow; "
</div>

    <?php
    $n=0;
      for ( ;$n< $total_pages; ++$n) {

    $previous_views= mysql_query("SELECT `$n` FROM `books`.`$thisone` WHERE       `$thisone`.`$thisone` =0");
    $resultedin = mysql_fetch_row($previous_views);
    $fullresult=implode("','",$resultedin);

    ?>


 <script>

    var highview = '<?php echo $highest_views ; ?>'; 
    var mything='<?php echo $fullresult ; ?>';
    var pagestotal='<?php echo $total_pages ; ?>';
    var thewidth=70/pagestotal; 
    var m = mything/highview;
    var h = m*50;
    for ( i=0; i<1; i++){
      var div = document.createElement("div");
      div.style.width = thewidth+"px";
      div.style.height = h+"px";
      div.style.background = "green";
      div.style.float = "left";

      var element=document.getElementById("div1");
      element.appendChild(div);
    }
    </script>
        <?php


        }
    ?>

div.style.display = "inline-block"; 編集：他の誰かが同様の問題を抱えている場合に備えて、「フロート」を取り出して追加しました。とにかく皆さんの意見に感謝します。SQL の更新を検討します。