Jquery 随机化div定位。（保留部分区域）

我正在做一个推荐部分，在这里我有大约7张图片（在这个例子中是红色的div）在一个div中随机放在下面，我有一个div，它显示了图片中人物的评论

我试图实现布局，但它完全是静态的。我希望这些图像动态地放置在部分中，除了在推荐div上或下面（在本例中为蓝色div）

我希望div的放置和定位是动态的，因为如果我添加了7个以上的图像（在本例中是div），我需要为每个图像静态地写入定位

励志形象

以下是我尝试过的代码

.images{
显示器：flex；
证明内容：之间的空间；
位置：相对位置；
宽度：700px；
保证金：0自动；
}
a、 img{
内容：''；
宽度：40px；
高度：40px；
显示：块；
背景：红色；
}
.内容{
宽度：400px；
高度：100px；
背景：蓝色；
位置：绝对位置；
顶部：180像素；
左：50%；
转换：translateX（-50%）
}
.img{
位置：绝对位置；
}
.img1{
左-20%；
顶部：75px；
}
.img2{
顶部：150px；
左-5%；
}
.img3{
顶部：20px；
左：5%；
}
.img4{
排名：0；
左：25%；
}
.img5{
顶部：20px；
右：350px；
}
.img6{
顶部：60px；
右：250px；
}
.img7{
顶部：30px；
右：150px；
}

---

要将图像放置在红色div上，您可以使用

.img

类使用

.each（）

循环浏览所有图像，并为每个元素设置图像

我假设图像名称是所有锚点（

---

实际上，这个问题与图像无关，而是关于分区的随机定位。如果我让您误解了这个问题，我很抱歉。