使用javascript在div中生成随机位置

我正在寻找一种在html分区上生成随机位置的方法。我创建了一个javascript函数，如下所示：

function randomInRange(min, max) {
    return(Math.floor((Math.random() * (max - min) + 1) + min));    
}  

我想通过将left和top属性更改为随机生成的数字（position:relative；left:0px；top:0px），在div的css中生成一个随机位置。我似乎找不到函数的max&min值，因为div使用了宽度的百分比

分区的css：

#stage {
    float: left;
    background-color: pink;
    width: 100%;
    height: 70%;
}

当我单击某个按钮时，该函数将执行

var button = document.getElementById("button");

button.onclick = function () {
    shape.style.left = randominrange(0, stage.style.width);
    shape.style.top = randominrange(0, stage.style.height);   
}
//the shape is a circle div that shows where the generated point is

---

我几天前刚开始使用javascript，似乎找不到一种方法来实现它

最小值为0，最大值为元素的适当宽度和高度属性

---

我假设您想要

元素。outerWidth（true）

和

元素。outerHeight（true）

最小值为0，最大值为元素的适当宽度和高度属性

我假设您想要

element.outerWidth（true）

和

element.outerHeight（true）

现在，您可以对函数调用使用stageWidth和stageHeight

---

现在，您可以对函数调用使用stageWidth和stageHeight

使用

clientWidth

和

clientHeight

而不是

width

和

height

button.onclick = function () {
    shape.style.left = randominrange(0, stage.style.clientWidth);
    shape.style.top = randominrange(0, stage.style.clientHeight);   
}

---

这里是使用

clientWidth

和

clientHeight

而不是

width

和

height

之间的区别

button.onclick = function () {
    shape.style.left = randominrange(0, stage.style.clientWidth);
    shape.style.top = randominrange(0, stage.style.clientHeight);   
}

---

这里是

之间的差异，所以问题是找不到div的宽度？所以问题是找不到div的宽度？谢谢！它起作用了，但随机位置通常会超出div并溢出，谢谢！它起作用了，但随机位置通常会超出div并溢出