div移动问题

Question

结构
<div id="div1"> //js控制div1的left值，让它移动，里面2个div不跟随div1移动，怎么设置

<div id="div2"> 
 <div id="div3"></div>

</div>
</div>

css:

#div1{width:100px;height:100px;background:red;position:relative;left:0px;}
#div2{width:100px;height:100px;background:#ff9933;position:absolute;top:100px;left:0px}
#div3{width:100px;height:100px;background:#cc6600;position:absolute;top:100px;left:0px}

js:setInterval(function(){

div1.style.left=60+30+"px"//js别在意， 有没有办法让div1移动，div2,3在原位置不懂，我css是不是要改改？

},60)

Answer 1

定位的问题吧

Answer 2

使用translate控制div1的運動，讓2/3絕對脫離文檔流