在Javascript中绘制随机的、不重叠的div

在Javascript中绘制随机的、不重叠的div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个大约600×400像素的容器,我想在其中随机放置2到10个随机大小的矩形 放置它们很容易,但它们不能重叠——这就是我遇到的问题所在。是否有一种算法可以确保矩形不会接触或重叠 我使用jQuery和绝对定位div,没有画布或任何类型的HTML5。为什么不在生成位置时保留一个位置数组呢。如果下一个位置在数组中,请重新随机化。这只是一个随机变量。您需要保留一个包含所有盒子及其大小的数组。嗨,詹姆斯-听起来很有趣,您能再解释一下吗?我不是100%确定怎么做,比如说你在循环中生成你的X和Y坐标。每次

我有一个大约600×400像素的容器,我想在其中随机放置2到10个随机大小的矩形

放置它们很容易,但它们不能重叠——这就是我遇到的问题所在。是否有一种算法可以确保矩形不会接触或重叠


我使用jQuery和绝对定位div,没有画布或任何类型的HTML5。

为什么不在生成位置时保留一个位置数组呢。如果下一个位置在数组中,请重新随机化。

这只是一个随机变量。您需要保留一个包含所有盒子及其大小的数组。

嗨,詹姆斯-听起来很有趣,您能再解释一下吗?我不是100%确定怎么做,比如说你在循环中生成你的X和Y坐标。每次执行循环时,将X和Y存储在一个数组中。在循环开始时,检查X和Y是否已经在数组中,如果已经在数组中,请再次生成数字:)James-如果X和Y完全相同,这意味着只有匹配,不是吗?意思重叠仍然可能发生。除非你是说使用某种二维数组?