请头号一个DIV的定位问题

Question

比如：
div=document.createElement("div");
div.id="divEdit";
div.style.position="absolute";
div.style.display="block";
div.style.background="#808080";
div.style.top=document.body.clientTop+100;
div.style.left=document.body.clientLeft+200;
div.style.top=event.clientY+document.body.scrollTop;
div.style.left=event.clientX+document.body.scrollLeft;
document.body.appendChild(div);
我这个DIV是动态生成的，我页面上有一个button我想让用户点一下这个，生成一个div，现在是可以生成DIV，但是位置不对，我是想它这个DIV显示在button的下方。请问要怎么写那个top,left