为什么div.style.width=div.offsetWidth-1+"px"会使div宽度变宽而不是变窄？
为什么div.style.width=div.offsetWidth-1+"px"会使div宽度变宽而不是变窄？对4-2获取样式中的例子？但还不是很理解为什么会这样？？求大神些解释下，谢谢!
<!DOCTYPE HTML>
<html lang="en/zh">
<head>
<meta charset="UTF-8">
<title>4-2获取样式</title>
<style type="text/css">
*{
margin:0px;
padding: 0px;
}
#div1{
width: 200px;
height: 200px;
background-color: red;
border: 1px solid red;/*加上border会引起不减反增的现象*/
}
</style>
<!-- javascript -->
<script type="text/javascript">
window.onload=function(){
var div1=document.getElementById("div1");
div1.onmouseover=function(){
move();
}
}
/*动画函数*/
function move(){
var div1=document.getElementById("div1");
setInterval(function(){
div1.style.width=div1.offsetWidth-1+"px";/*给div加上border之后，本应该使div1.style.width变窄，为什么反而增宽了？？？*/
},30);
}
</script>
</head>
<body>
<div id="div1"></div>
</body>
</html>
