当div到达底部时，如何在左侧连续追加div？

Question

我正在使用jquery和php开发新闻提要。为此，我使用了2个div。在这里，如果主div到达底部，它应该会自动换行。

<html>
  <div id="main">
     <?php
     for($i=0;$i<15;$i++)
     {
     ?>
     <div id="sub">hai</div>
     <?php
     }
     ?>
  </div>
</html>

脚本：

<script src="at/js/jquery.js"></script>
<script>
$(document).ready(function(){
var n = $("#main").css("height","100%");
if (n) {
    $("#sub").appendTo("#main");
}
});
</script>

风格：

<style>
#sub{
   border:solid 2px #000000;
   height:30%;
   width:20%;
}
</style>

Answer 1

使用prependTo jQuery函数而不是appendTo