js怎么能生成随机位置但又不重叠的div 充满容器

Question

自己写的实在是太乱了 测试了碰撞但不知道怎么重新生成位置而且设定生成20个元素不会因为重叠忽略掉元素

有大神指导么