Javascript 使用坐标的CSS div定位

我目前正在用javascript编写一个简单的游戏。游戏在一个名为#盒子的

div

中进行。敌人是一个叫做#敌人的div

但我显然有一个问题，那就是它一直在盒子外活动

CSS:

你需要：

position: relative;

---

在您的

#框中

CSS，使您的

#敌人

上的绝对位置相对于该框。

容器分区需要具有

位置：相对

。否则，窗口的位置或具有

相对位置的最近父元素将用于确定内部
div
的位置。通过使父对象具有相对位置，子对象
div
将相对于父对象而不是相对于窗口来定位自身。
添加
位置：相对到#盒子，使#敌人的位置相对于#盒子
 要使
#box
es子项相对于它的位置，您可以根据需要使用以下任一选项：

#box { position: absolute; }
#box { position: relative; }
#box { position: fixed; }

    #box{
    width:640px;
    height:400px;
    float: left;
    background:url(../png/space.jpg);
    margin: 0 0 0 100px;
    }   
    #enemy {
    width: 69px;
    height: 50px;
    position: absolute;
    margin: 100px 0 0 100px;
    background:url(../png/target2.png);
    z-index:2;
}

position: relative;

#box { position: absolute; }
#box { position: relative; }
#box { position: fixed; }