小编Lrn*_*dlr的帖子

所有 div 都像我需要的那样“随机”放置，但它们偶尔会重叠。这只是一个机会问题。我怎样才能防止这种情况发生？（理想情况下我能够设置它们之间的最小距离）

我可以通过进一步开发当前的 javascript 来实现这一目标吗？我需要考虑一种完全不同的方法吗？

老实说，我不知道如何解决这个问题。任何指导将不胜感激。谢谢。

html

<div id="box1" class="boxes">
<div id="text1">&nbsp;&nbsp;Lorem Ipsum Dolor Sit Amet&nbsp;&nbsp;</div>
</div>

<div id="box2" class="boxes">
<div id="text2">&nbsp;&nbsp;Lorem Ipsum Dolor Sit Amet&nbsp;&nbsp;</div>
</div>

<div id="box3" class="boxes">
<div id="text3">&nbsp;&nbsp;Lorem Ipsum Dolor Sit Amet&nbsp;&nbsp;</div>
</div>

<div id="box4" class="boxes">
<div id="text4">&nbsp;&nbsp;Lorem Ipsum Dolor Sit Amet&nbsp;&nbsp;</div>
</div>

CSS

.boxes {
    position: absolute;
}

#text1 {
    color: white;
    font-family: "Times", Times New Roman, serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    background-color: black;
}

#text2 {
    color: white;
    font-family: "Times", Times …