JavaScript divをマウスカーソルに合わせて自由な位置にもっていきたい

Question

赤色の領域をマウスで自由に好きな位置にカーソルに合わせて持っていくものを作っています
これだと右へしか動かせないんですが、上下左右の好きな位置に動かせるようにするにはどうしたらいいんでしょうか？

<div id="a" style="position:absolute;width:200px;height:200px;background:red"></div>

<script>
var flag=0;
a.onmousedown=function(){
flag=1;
}
a.onmousemove=function(e){
if(flag==1){
a.style.left=e.clientX;
a.style.top=e.clientY;
}
}
a.onmouseup=function(){
flag=0;
}
</script>

Answer 1

解決しました

<div id="a" style="position:absolute;width:200px;height:200px;background:red"></div>

<script>
var flag=0;
a.onmousedown=function(e){
flag=1;
}
a.onmousemove=function(e){
if(flag==1){
a.style.left=e.clientX-a.clientWidth/2;
a.style.top=e.clientY-a.clientHeight/2;
}
}
a.onmouseup=function(){
flag=0;
}
</script>

Comments

[退会済みユーザー]

上記
a.style.left=e.clientX-a.clientWidth/2;
a.style.top=e.clientY-a.clientHeight/2;
で動いてしまったので疑問に思わなかったのですが
a.style.left=e.clientX-a.clientWidth/2+"px";
a.style.top=e.clientY-a.clientHeight/2+"px";
じゃなくても動くのはなぜでしょうか？
わかる方回答お願いします