你可以使用JavaScript的Math.random()函数和数组来生成随机位置的div元素，然后将这些div元素添加到容器中。但是，如果你想要避免这些div元素重叠，你可能需要使用一些布局技巧，比如使用Flexbox或Grid布局。

以下是一个使用Flexbox的示例：

```javascript function generateDivs(num) { let divs = []; for(let i = 0; i < num; i++) { let div = document.createElement('div'); div.style.position = 'absolute'; div.style.top = Math.floor(Math.random() * (window.innerHeight - div.offsetHeight)); div.style.left = Math.floor(Math.random() * (window.innerWidth - div.offsetWidth)); div.style.width = '100%'; div.style.height = '100%'; div.style.backgroundColor = 'black'; div.style.zIndex = 1000; divs.push(div); } return divs; }

let divs = generateDivs(5); divs.forEach(div => { document.body.appendChild(div); }); ```

这个示例中，我们首先创建了一个空数组divs。然后，我们使用一个for循环来生成divs。在每次循环中，我们都会创建一个新的div元素，然后设置其位置、大小、背景色和zIndex。最后，我们将这个div添加到文档的body中。