麻烦大家来看一下，谢谢

div{

	   width:200px;height:200px;border:1px solid red;

	 }

var i=0;

  var j=0;

  var k=0;

  var f=20;

  var interval;

  var v=document.getElementById("div1");

  var h=document.documentElement.clientHeight;

  document.getElementById("div1").style.top=h;

    function bian(){

	  var heightClient=document.documentElement.clientHeight;

	  var widthClient=document.documentElement.clientWidth;

      var leftdiv=v.offsetLeft;

	  var topdiv=v.offsetTop;

	  var widthdiv=v.offsetWidth;

	  var heightdiv=v.offsetHeight;

	  v.style.top=h+document.body.scrollTop+"px";

	  v.style.left=f+document.body.scrollLeft+"px";	

       if(j){

	      h=h+1;

	   }else{

	      h=h-1;

	   }

	   if(h<0){

	      j=1;h=0;

	   }

	   if(h>heightClient-heightdiv){

	    j=0;

		h=heightClient-heightdiv;

	   }

	    if(i){

	      f=f+1;

	   }else{

	      f=f-1;

	   }

	   if(f<0){

	      i=1;f=0;

	   }

	   if(f>=(widthClient-widthdiv)){

	     i=0;

		 f=widthClient-widthdiv;

	   }

	}

	function fff(){

	v.style.visibility="visible";

	 interval=setInterval("bian()",30);

	}

	fff();

<div id="div1">ghjgj</div>

我想做成一个矩形框在屏幕上不停的移动，撞到边缘后反射，上面的代码运行后矩形框根本不动，不知道什么原因，请各位看一下，谢谢
------解决方案--------------------
设置div为绝对定位
position:absolute;