javascript - div移动问题

Question

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

<p id="p2"> 
 <p id="p3"></p>

</p>
</p>

css:

#p1{width:100px;height:100px;background:red;position:relative;left:0px;}
#p2{width:100px;height:100px;background:#ff9933;position:absolute;top:100px;left:0px}
#p3{width:100px;height:100px;background:#cc6600;position:absolute;top:100px;left:0px}

js:setInterval(function(){

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

},60)

Answer 1

定位的问题吧

Answer 2

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