一个关于JS滚动和CSS样式诡异的问题

Question

<style>
* {margin:0; padding:0;}
#div1 {position:relative; border:1px solid #000; width:680px; height:132px; margin:10px auto; }
#div1 ul{position:absolute; left:0px;}
#div1 ul li{list-style:none; float:left; width:150px ; height:112px; padding:10px;}
#div1 ul li img{width:150px;}
</style>
<script type="text/javascript">
window.onload=function(){
var oDiv=document.getElementById('div1');
var oUl=oDiv.getElementsByTagName('ul')[0];
var aLi=oUl.getElementsByTagName('li');

var timer=null;

timer=setInterval(function(){

oUl.style.left=oUl.offsetLeft-1+'px';
txt1.value=oUl.offsetLeft+' '+(oUl.offsetLeft-10)+'\n';
},30);
}
</script>
很诡异的一个问题 当#div1 的position:relative时 就不能向左滚动，但可以向右滚动
如果去了position:relative 就可以像左滚动，谁能告诉我为什么？

Answer 1

应该是你发我的定向求助吧，虽然百度给你删除了，但是我还是收到了。
你现在把你的代码里的这个：
oUl.style.left=oUl.offsetLeft-1+'px';
之中的“1”改成“3”。
之后你再测试一下，测试完了，你应该就知道问题在哪了吧。